Separator
A headless separator primitive that renders a semantic divider with proper ARIA roles. Supports decorative and semantic modes.
Horizontal Decorative
A horizontal decorative separator between content sections. By default,
Decorative is true, which renders role="none" to hide it from assistive technology.Blazor Blueprint
An open-source component library for Blazor.
Docs
API
Source
Vertical
A vertical separator between inline items using a flex layout. Set
Orientation to SeparatorOrientation.Vertical.Blog
Docs
Source
License
Semantic Separator
A semantic separator with
Decorative="false". This renders role="separator" with aria-orientation, making it meaningful to assistive technology for navigation landmarks.Card Layout
Separators used within a card-like layout to divide header, content, and footer sections.
Account Settings
Manage your account preferences.
Email notifications
Enabled
Two-factor auth
Active
Data Attributes
Use these data attributes for CSS styling:
[data-orientation="horizontal"]- When orientation is horizontal[data-orientation="vertical"]- When orientation is vertical