Components

Browse all component examples

← Back to documentation

Utility Components Demo

Divider Component

Separate content sections with dividers.

Default horizontal divider:

Colored divider:

Vertical

Divider

Example

Avatar Component

User profile images with fallbacks.

Sizes

XS
SM
MD
LG
XL

Shapes

C
S

With Images

User 1
User 2
User 3

User Cards

JD

Jane Doe

jane@example.com

Online
👤

Guest User

Not logged in

Guest

Icon Component

Consistent icon sizing and styling.

Built-in Icons

check

x

arrow-right

arrow-left

chevron-down

chevron-up

menu

search

plus

minus

Icon Sizes

Icon Colors

Icon Usage Examples