Theme
All customized UI core components and theme controls available within the project customized from the best libraries.
Primary
Secondary
Success
Warning
Danger
Background
Content
Foreground
Default
Focus
Buttons
Chip
Solid
Bordered
Light
Shadow
Flat
Faded
Dot
Slider
Progress
Progress
Switch
Checkbox
Pagination
RadioGroup
Pick one
Spinner
Badge
J5
3
99+
Accordion
Input
Textarea
InputNumber
InputOtp
InputDate
Date
mm
dd
yyyy
InputTime
Select
Autocomplete
Dropdown
Tabs
Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 29 | 30 | 31 | 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 | 1 |
Table
| Name | Role | Status |
|---|---|---|
| Alice | Admin | Active |
| Bob | User | Active |
CodeBlock
example.ts
interface User {
id: string;
name: string;
email: string;
}
function greet(user: User): string {
return `Hello, ${user.name}!`;
}
const user: User = { id: '1' };
const message = greet(user);
export { greet, type User };
Code
npm install @saas/ui-coreAlert
Info
Primary alert message.
Success
Success alert message.
Warning
Warning alert message.
Error
Error alert message.
Default
Default alert message.
Toast
Tooltip
Modal
Carousel
Skeleton
ThemeToggle
Kbd
⌘K+ShiftEnter
ScrollShadow
Confetti
ImageZoom
