• Public
  • Public/Protected
  • All

Module @react-md/divider


Type aliases


DividerElement: HTMLHRElement | HTMLDivElement


Const Divider

Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<DividerElement>> = ...

Const VerticalDivider

VerticalDivider: ForwardRefExoticComponent<VerticalDividerProps & RefAttributes<HTMLDivElement>> = ...

This component is used to create a vertical divider based on a parent element's height. This is really only needed when the parent element has no defined height. If there is a defined height, this component is not worth much as the height can be computed in css as normal. This really just fixes the issue that the height would be set to auto (which computes to 0 most of the time) when it is not set on a parent element.



  • useVerticalDividerHeight(maxHeight: number, forwardedRef?: Ref<HTMLDivElement | null>): VerticalDividerHeight
  • This is a small hook that is used to automatically create a vertical divider based on the computed height of its parent element.


    • maxHeight: number

      The max height for the vertical divider. When the value is between 0 and 1, it will be used as a percentage. Otherwise the smaller value of parent element height and this will be used.

    • Optional forwardedRef: Ref<HTMLDivElement | null>

    Returns VerticalDividerHeight

Generated using TypeDoc