Skip to content
Mizen UI
Docs

IntroductionInstallationCLIStylingFoundationsThemingCompositionIntegrationsAccessibilityFor agents

useCopyToClipboard

AccordionAspect RatioCardCollapsibleFrameGridGroupInlineScroll AreaSectionSeparatorSpacerStack

BlockquoteCitationCodeHeadingKbdLabelLinkTextVisually Hidden

ButtonButton GroupToggleToggle groupToolbar

CalendarCheckboxCheckbox groupComboboxDate pickerDate range pickerDate-Time InputFieldFieldsetFile UploadFormInputInput groupNumber fieldOTP FieldRadio groupSelectSliderSwitchTextareaTime Input

BreadcrumbMenubarNavigation MenuPaginationSegmented ControlStepperTabs

Alert dialogCommandContext MenuDialogDrawerMenuPopoverPreview CardSheetTooltip

AlertBadgeEmptyError StateMeterProgressSkeletonSpinnerStatus dotToast

Activity FeedAvatarAvatar GroupData TableListMetricOverflow ListProperty ListTableTokenTree

Area ChartBar ListCalendar HeatmapCategory ComparisonChart FrameChart LegendChart TooltipDistributionFunnelHeatmapMetric TrendPart-to-WholeProgress RingsRadar ChartRadial BarsSankey ChartScatter ChartScore GaugeTime Series

Diagram

AttachmentCarouselCode BlockLightboxMarkdownThumbnailTimestamp

Agent ThinkingApproval CardComposerConversationInline CitationMessageMessage ScrollerQuestion CardSourcesStreaming TextSuggestionTask ListTerminalTool Call

On this page

  • Preview
  • Usage
  • Examples
  • Account details
  • Recommendations
  • Usage boundaries
  • API reference

Layout

Separator

Separates related content with a system-owned horizontal divider.

idle

Usage

import { Separator } from "@mizen-labs/ui";

Examples

Account details

Recommendations

GuidancePractice
Do

Use a divider between meaningful groups when spacing alone does not separate them clearly.

Usage boundaries

GuidanceBoundary
Scope

Do not add a divider between every item. Use headings to explain the relationship between sections.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

PropTypeDefaultDescription
SeparatorSeparatorProps<hr>Renders a decorative horizontal rule; native non-style props such as id and aria-hidden are forwarded.
PreviousSectionNextSpacer

Team plan, 8 seats

$192.00

Extra storage, 100 GB

$20.00


Total due today

$212.00

Maya Chen

maya@example.com


Product team

Workspace administrator


Active session

·

This device