zen
DocumentationPlayground
Getting started
IntroductionInstallationUsage Guide
ColorsFontsSpacingBordersShadowsBreakpointsThemesCustomization
BoxFlexboxGridContainer
TextHeadingCodeBlockquote
Page headerAspect ratioResizableScroll areaSeparator
Overview
CheckboxCheckbox groupComboboxDate pickerInput groupNumber fieldOtp fieldPassword fieldRadio groupSearch fieldSelectSliderSwitchText fieldToggleToggle group
BreadcrumbsButtonButton groupCommandContext menuHover triggerLoading buttonMenuMenubarNavbarPaginationTabsToolbarTheme buttonTheme switcher
AlertAlert dialogConfirmation dialogDialogEmptyLoadingMeterModalPopoverProgress barProgress circleSheetSkeletonStatus lightToastTooltip
AccordionAvatarBadgeCalendarCarouselCollapsibleData cardData tableIconImageKbdListTableTag group
Structure

Separator

A separator visually divides content into groups.

Above the line
Below the line

Vertical#

Left
Right

Component props#

NameTypeDescription
orientationstring"horizontal" | "vertical" (default: "horizontal")
Scroll areaOverview
On this page
VerticalComponent props
Powered by shiso