Divider

Renders a horizontal line with optional text.

#Usage

<x-divider>

#Spacing

You can set the margin of the divider with the space attribute. There are 4 options: sm, md, lg, xl.

<x-divider space="sm">
<x-divider space="md">
<x-divider space="lg">  
<x-divider space="xl">

#Seperator text

You can set the text (or any other content really, like an icon) of the divider by using the default slot.

<x-divider>or</x-divider>

#Class

You can set the class of the divider with the class attribute. Useful if you wish to use your own margin that isn't already covered by the space attribute.

<x-divider class="my-4">

#Reference

#Properties

Property Description Required
space The top and bottom margin. sm, md, lg, xl
class Any css class

#Slots

Slot Description Required
Default The text or content of the divider.