Divider is a component that separates content in a page.

Dropdown has 3 components with slots the DropdownMenu, DropdownItem and DropdownSection components.

21 июн. 2024 г. · A vertical divider has h-full class which means it sets the height to 100% of its parent, as long as the parent has a defined height.

4,50 $ The Divider component provides a thin, unobtrusive line for grouping elements to reinforce visual hierarchy.

Overriding default component styles is as simple as passing your own class names to the className or to the classNames prop for components with slots.

A divider visually segments content into groups. Types Divider A standard divider To add a divider between parts of a grid use a divided grid variation.

Display a separator between content. Usage You can pass label, icon or avatar to the divider component.

With DividerSkip to canvas. With Footer · With Abs Image Header · With Abs Img Header Footer · Cover Img · Center Img · Primary Action · Center Img With Header.

A Divider component with different layouts offers versatile options for visually dividing content in various arrangements, such as horizontal or vertical ...

Import the Divider component and place it between components you want separated. Most of the time you will want to use the divider in a <Flex> component.