Display a diving line with optional label. Render the component with a hr-tag by adding the semantic property. Change the label to any tag (eg. headings) with the labelTag property. Chose between three different layouts and two sizes with the layout and size properties.
'semantic' => true, 'label' => false, 'labelTag' => 'span', 'layout' => 'center', // center | left | right 'size' => 'md', // md | sm
<x-divider label="Info" /> <x-divider label="Info" layout="left" /> <x-divider label="Info" layout="right" size="sm" /> <x-divider semantic />