Thinkbit

Divider Component Examples

Basic Dividers

Horizontal divider

Content above

Content below

Vertical divider

Left content

Right content

In Navigation

In Lists

List Item 1

Description for item 1

List Item 2

Description for item 2

List Item 3

Description for item 3

In Forms

In Containers

Item Title

This is a description of the item content.

StatusActive

Another Item

This item also uses dividers to organize content.

Created2 days ago
Updated1 hour ago

Different Orientations

Horizontal (default)

Top content

Bottom content

Vertical

Left

Center

Right

In Tables

Table Header

Table description

Row 1Value 1
Row 2Value 2
Row 3Value 3
TotalSum of values

Custom Styling

Thick divider

Content above

Content below

Colored divider

Content above

Content below

Dashed divider

Content above

Content below

Real-world Examples

User Profile

Online

Email

john@example.com

Phone

+1 (555) 123-4567

Recent Activity

Created new project

2 hours ago

Updated task status

4 hours ago

Commented on issue

1 day ago