Various tests for Title sizes

Various tests for Text sizes

Testing our Text component XS

Testing our Text component SM

Testing our Text component BASE

Testing our Text component LG

Testing our Text component XL

Various tests for Buttons components

Various tests for Input components

Various tests for Radio buttons

Various tests for Icons

Various tests for Select components

Various tests for Text area

Various tests for Arrow links

Various tests for Chip components

Various tests for Basic links

Various tests for Inline links

Various tests for Image components

Basic Image:

16:9 Aspect Ratio:

Square 1:1:

Priority Loading:

Error State (broken URL):

Object Position (top):

Various tests for Tool tips

Basic Info Tooltip:

Top Placement:

Bottom Placement:

Left Placement:

Right Placement:

Custom Icon:

Center Aligned:

Right Aligned:

Clickable Action:

Disabled:

Rich Content:

With Custom Children:

Instant (No Delay):

Slow Delay (1s):

Various tests for Button links

Basic ButtonLink:

With Icon:

No Underline:

Disabled:

Custom Style:

Basic Switch:

Checked by Default:

Using useToggle Hook - Dark Mode:

Using useToggle Hook - Notifications:

Status: Enabled

Using useToggle Hook - Premium:

Size Variants:

Required Switch:

Switch without Label:

Disabled Switch:

Various tests for Spinners

Basic Skeleton Components:

Text Skeleton:

Interactive Card Skeleton:

JD

John Doe

2 hours ago

This is some sample content that would be loaded dynamically. Click the button below to simulate loading states.

LikeShare

Toggle SkeletonSimulate 3s Loading

Table Skeleton:

List Skeleton:

Text Skeleton Variations:

Provider-based Modals:

Controlled Modal (Traditional):

Basic Toast Types:

Toasts with Titles:

Custom Duration:

Toasts with Actions:

Non-dismissible Toast:

Rich Content Toast:

Toast Management:

Toast Updates:

A flexible table component built with CSS Grid instead of HTML tables

Table Features