Extended Components

Komponen-komponen lanjutan ferzui untuk aplikasi yang lebih kompleks dan modern.

Data Display Components

Advanced Table

Name Email Role Status Actions
John Doe john@example.com Admin Active
Jane Smith jane@example.com User Pending
Bob Johnson bob@example.com Moderator Active

Charts

📊 Chart Component

Timeline

2024-01-15
Project Started
Initial project setup and planning phase completed.
2024-02-01
First Milestone
Core features implemented and tested.
2024-02-15
Current Phase
Working on advanced features and optimization.
2024-03-01
Final Release
Project completion and deployment.

Advanced Form Components

Date Picker

File Upload

📁
Drop files here or click to upload
Supports: JPG, PNG, PDF, DOC (Max 10MB)
📄
document.pdf
2.4 MB

Advanced Select

Choose an option ▼

Pagination

Showing 11-20 of 100 results

Steps

1
Personal Info
2
Contact Info
3
Review
4
Complete

Feedback Components

Skeleton Loading

Spinner

Empty State

📭
No Data Available
There are no items to display at the moment. Start by adding some content or check back later.

Progress Bar

Layout Components

Space

Divider

OR

Stack

Card 1
Card 2
Card 3

Extended Color System

Primary Colors

100
200
300
400
500
600
700
800
900

Gradients

Primary
Secondary
Success
Warning
Danger

Text Gradients

Primary Gradient Text

Secondary Gradient Text

Rainbow Gradient Text

Extended Typography

Display 1
Display 2
Display 3
Display 4
This is a lead paragraph that stands out from regular text.

Regular paragraph with bold text and italic text.

Small text for additional information.

Highlighted text for emphasis.

console.log('Hello World'); Ctrl + C
"The best way to predict the future is to create it."
Peter Drucker

Animation Utilities

Fade In
Slide In Left
Scale In
Pulse
Bounce

Langkah Selanjutnya

Lihat Komponen Dasar Coba Playground Performance & A11y