Divider
fds-divider
brings clarity to a layout by grouping and dividing content that exists in close proximity. It can also be used to establish rhythm and hierarchy.
Usage
Import
npm i @finastra/divider
import '@finastra/divider';
...
<fds-divider inset="both"></fds-divider>
API
Properties
Property | Attribute | Type | Default | Description |
---|
inset | inset | "both"|"left"|"right"|"undefined" | "undefined" | Type of inset |
vertical | vertical | boolean | false | Displays the divider vertically instead of horizontically |
CSS Custom Properties
Property | Type | Default | Description |
---|
--fds-divider-inset-margin | text | "80px" | Border radius of the outline. |
--fds-primary | color | "#694ED6" | TextField color |