Bento & Layout

Divider Variants

Solid, dashed, gradient-fade, and labelled divider variants with correct semantic markup for each.

Free MIT licensed. Install it with the CLI — no account, no key.

bash

$ velocityx add divider

Built for astro.

Full docs for Divider Variants →

astro v1.0.0

Divider Variants

solid

dashed

gradient (on dark)

labelled

Props

Name	Type	Required	Default
variant	'solid' \| 'dashed' \| 'gradient' \| 'labelled'	No	'solid'
orientation	'horizontal' \| 'vertical'	No	'horizontal'
label	string	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/divider/Divider.astro

Using the Divider Variants component

Install it with velocityx add divider. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Divider Variants

Props

File this creates

Using the Divider Variants component

Related components