Section Divider
A full-width hairline rule for separating marketing and page sections, constrained to the container width. The section-level counterpart to the inline separator primitive and the labelled content-divider.
$
Registry itembunx shadcn@latest add @nx-ui/section-dividerInstalls withutils
Between sections
A single container-width rule sitting between two page sections — the plainest, most common use.
How it works
Three steps from kerbside to compost.
Trusted by operators
Regeneration platforms of every size run on Nexus ReGen.
Container-constrained
The rule respects the marketing container max-width and gutters, so it lines up with the content above and below it rather than bleeding edge to edge.
API reference
Exported parts and their props, extracted from the component source.
…extends React.ComponentProps<"div">