Use to separate or group content.

Examples

<.divider />

See

• https://polaris.shopify.com/components/layout-and-structure/divider
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Divider/Divider.tsx

Attributes

• border_color (:string) - Divider border color. Defaults to "border-secondary". Must be one of "border-brand", "border-caution", "border-critical-secondary", "border-critical", "border-disabled", "border-emphasis-active", "border-emphasis-hover", "border-emphasis", "border-focus", "border-hover", "border-info", "border-inverse-active", "border-inverse-hover", "border-inverse", "border-magic-secondary", "border-magic-secondary-hover", "border-magic", "border-secondary", "border-success", "border-tertiary", "border-warning", "border", "input-border-active", "input-border-hover", "input-border", "tooltip-tail-down-border", "tooltip-tail-up-border", or "transparent".
• border_width (:string) - Divider border width. Defaults to "025". Must be one of "0", "0165", "025", "050", or "100".