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

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