HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
DividerView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorSeparates content into groups with a rule.StableSince 0.1.0LayoutUsageimport'@fusion.dev/helix/divider'import'@fusion.dev/helix-headless/divider'Preview
API ReferenceRoothelix-dividerSeparates content into groups with a rule.
PropTypeDefaultDescriptionannouncedbooleanfalseWhether the rule is announced as a separator.orientation"horizontal"|"vertical"Which way the rule runs.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)Content set into the rule, such as the word between two sections.
PartDescriptioncontentWhat is set into it.lineThe rule itself.
CSS PropertyDescription--divider-colorColor of the rule.--divider-lengthHow long a vertical rule is. Horizontal takes its width.--divider-paddingSpace taken off both ends of it.--divider-padding-endOff the far end only.--divider-padding-startOff the near end only.--divider-thicknessHow heavy the rule is.
Roothelix-headless-dividerSeparates content into groups with a rule.
PropTypeDefaultDescriptionannouncedbooleanfalseWhether the rule is announced as a separator.orientation"horizontal"|"vertical"Which way the rule runs.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)Content set into the rule, such as the word between two sections.
PartDescriptioncontentWhat is set into it.lineThe rule itself, or each half of it where something is set in.
ExamplesNameDescriptionInsetRules that stop short of the edge, for a divider inside a padded box.PreviewA rule between two blocks of prose.PreviewA rule between two blocks of prose.UprightA rule down the gap between two things on a line.With ContentA word set into the rule, which is how a form says or.