Field
Spinner / Badge
SyncingUpdatingProcessing
Surface / Code / Selection
Surfacev4
Elevated content area using surface tokens.
utils.tscode
1import { clsx } from "clsx";
2
3export function cn(...inputs) {
4 return clsx(inputs);
5}
Selection
Try selecting this highlighted text to preview selection tokens.
Avatar Group
T1T2T3
No Team Members
Invite your team to collaborate on this project.
Input Group + Button
Stats
Total Revenue
$15,231.89
+20.1% from last month
Subscriptions
+2,350
+180.1% from last month
Button Group + Input
Prompt Form
Calendar
Field / Slider
Price Range
Set your budget range ($200 - 800).
Button Group
Activity Goal
Move Goal
Set your daily activity goal.
350
Calories/day
Input Group
52% used
Checkbox
Exercise Minutes
Exercise Minutes
Your exercise minutes are ahead of where you normally are.
Item
Two-factor authentication
Verify via email or phone number.
Your profile has been verified.
Button Group / Nested
Cookie Settings
Cookie Settings
Manage your cookie settings here.
Appearance Settings
Appearance Settings
Spinner / Empty
Processing your request
Please wait while we process your request. Do not refresh the page.
Forms
Upgrade your subscription
You are currently on the free plan. Upgrade to the pro plan to get access to all features.
Team Members
Team Members
Invite your team members to collaborate.
M
Midudev
miduga@gmail.com
R
Raily Hugo
railly@crafterstation.com
A
Anthony Cueva
anthony@crafterstation.com
Payments
Payments
Manage your payments.
| Status | Amount | |||
|---|---|---|---|---|
success | ken99@example.com | $316.00 | ||
success | Abe45@example.com | $242.00 | ||
processing | Monserrat44@example.com | $837.00 | ||
failed | carmella@example.com | $721.00 | ||
pending | jason78@example.com | $450.00 | ||
success | sarah23@example.com | $1,280.00 |
0 of 6 row(s) selected.
Share
Share this document
Anyone with the link can view this document.
People with access
M
Midudev
miduga@gmail.com
A
Anthony Cueva
anthony@crafterstation.com
C
Cristian Correa
cristian@crafterstation.com
R
Railly Hugo
railly@crafterstation.com
M
Mateo Alvarez
mateo@example.com
75%