Data display · core

Divider

data.divider

Divider: A structured display for reading, comparing, or inspecting information.

dividerthe thin line between thingsseparatorrulethe structured information blockthe data display

States4

Touch targetDisplay

Evidence4

Introduced by4 kits

Visual specimen

Same contract. Every kit voice.

Divider

MAVAN renderingdefault

Translation table

What code calls it.

Web<hr> or role=separatorThe closest native or standardized web primitive.direct

ARIAtable, list, or groupNo single ARIA role represents the complete component.pattern

SwiftUICustom View compositionSwiftUI has no single direct equivalent; compose and name the behavior explicitly.approximation

AppKitCustom NSView compositionAppKit has no single direct equivalent; use a custom view or controller composition.approximation

Anatomy

Every part, named.

1Data container
2Primary values
3Labels or headers
4Grouping or separators
5Empty and error treatment

Often confused with

Similar shape. Different contract.

Calloutdata.callout

Shares a visual family, but has a different role, state model, or interaction contract.

Breadcrumbnavigation.breadcrumb

Can look similar in context, but belongs to a different semantic and behavioral family.

Prompt · paste into your agent

Ask for the exact thing.

Implement the canonical Divider component (data.divider). Divider: A structured display for reading, comparing, or inspecting information. Support these states: default, loading, empty, error. Use semantic design tokens rather than raw visual values. Preserve a minimum appropriatepx touch target where interactive. Provide and verify: implementation, state-matrix, responsive, reduced-motion. Keep the component API stable so every Studio kit can supply its own rendering without changing the behavior contract.

Studio contract

What must be proven.

Required states

default · loading · empty · error

Required evidence

implementation · state-matrix · responsive · reduced-motion

Source union

jade · lumen · cabana · purple-rain