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. |