--- title: Divider storybookPath: page-layout-divider--default isExperimentalPackage: false ---
---
title: Divider
storybookPath: page-layout-divider--default
isExperimentalPackage: false
---
Used to separate and group content. In most cases use the
Stack.
``jsx live`
Defines the “width” of the divider.
`jsx live`
Defines the “color” of the divider.
`jsx live``
[divider-color]:
https://github.com/brighte-labs/spark-web/blob/6c1909208460cb421e62f516106e774e4b0ddc35/packages/divider/src/Divider.tsx#L16
[brighte-theme]:
https://github.com/brighte-labs/spark-web/blob/e503bea4f7668d187ec7a78f99c5ed374417588b/packages/theme/src/makeTheme.ts#L158