Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Divider

Divider is a visual separator between related groups of content or actions. Use ngs-divider for a horizontal or vertical rule, with optional inset and fixedHeight support. Use ngs-text-divider when the separator needs a short label, such as β€œor”.

Use it in lists, forms, panels, cards, toolbars, popovers, settings screens, and dense layouts where a clear boundary between groups helps scanning. Do not use Divider to create empty space or layout structure; use Tailwind spacing and layout classes for that. Prefer specialized dividers inside components that provide them, such as MenuDivider, NavigationDivider, SidebarDivider, or CommandBarDivider.

PropTypeDefault
vertical
Whether the divider is vertically aligned.
booleanfalse
inset
Whether the divider is an inset divider.
booleanfalse
fixedHeight
Whether the divider has a fixed height.
booleanfalse