Component documentation template
Đây là khung docs cho từng component. Mỗi page sẽ có tên component, import, props, và các section usage gồm preview và code.
Installation
guidenpx github:xizot/ui-design-system init
Open guide
Accordion
ui@/design-system/components/ui/accordion
Open guide
Alert
ui@/design-system/components/ui/alert
Open guide
Alert Dialog
ui@/design-system/components/ui/alert-dialog
Open guide
Aspect Ratio
ui@/design-system/components/ui/aspect-ratio
Open guide
Avatar
ui@/design-system/components/ui/avatar
Open guide
Badge
ui@/design-system/components/ui/badge
Open guide
Breadcrumb
ui@/design-system/components/ui/breadcrumb
Open guide
Button
ui@/design-system/components/ui/button
Open guide
Button Group
ui@/design-system/components/ui/button-group
Open guide
Calendar
ui@/design-system/components/ui/calendar
Open guide
Card
ui@/design-system/components/ui/card
Open guide
Chart
ui@/design-system/components/ui/chart
Open guide
Date Picker
ui@/design-system/components/ui/date-picker
Open guide
Date Range Picker
ui@/design-system/components/ui/date-range-picker
Open guide
Checkbox
ui@/design-system/components/ui/checkbox
Open guide
Collapsible
ui@/design-system/components/ui/collapsible
Open guide
Combobox
ui@/design-system/components/ui/combobox
Open guide
Command
ui@/design-system/components/ui/command
Open guide
Context Menu
ui@/design-system/components/ui/context-menu
Open guide
Dialog
ui@/design-system/components/ui/dialog
Open guide
Dialog Panel
ui@/design-system/components/ui/dialog-panel
Open guide
Direction
ui@/design-system/components/ui/direction
Open guide
Dropdown Menu
ui@/design-system/components/ui/dropdown-menu
Open guide
Empty
ui@/design-system/components/ui/empty
Open guide
Field
ui@/design-system/components/ui/field
Open guide
Hover Card
ui@/design-system/components/ui/hover-card
Open guide
Input
ui@/design-system/components/ui/input
Open guide
Input Group
ui@/design-system/components/ui/input-group
Open guide
Input OTP
ui@/design-system/components/ui/input-otp
Open guide
Item
ui@/design-system/components/ui/item
Open guide
Kbd
ui@/design-system/components/ui/kbd
Open guide
Label
ui@/design-system/components/ui/label
Open guide
Menubar
ui@/design-system/components/ui/menubar
Open guide
Native Select
ui@/design-system/components/ui/native-select
Open guide
Navigation Menu
ui@/design-system/components/ui/navigation-menu
Open guide
Number Input
ui@/design-system/components/ui/number-input
Open guide
Pagination
ui@/design-system/components/ui/pagination
Open guide
Popover
ui@/design-system/components/ui/popover
Open guide
Popover Panel
ui@/design-system/components/ui/popover-panel
Open guide
Progress
ui@/design-system/components/ui/progress
Open guide
Radio Group
ui@/design-system/components/ui/radio-group
Open guide
Resizable
ui@/design-system/components/ui/resizable
Open guide
Scroll Area
ui@/design-system/components/ui/scroll-area
Open guide
Select
ui@/design-system/components/ui/select
Open guide
Separator
ui@/design-system/components/ui/separator
Open guide
Drawer Panel
ui@/design-system/components/ui/drawer-panel
Open guide
Sheet
ui@/design-system/components/ui/sheet
Open guide
Sheet Panel
ui@/design-system/components/ui/sheet-panel
Open guide
Sidebar
ui@/design-system/components/ui/sidebar
Open guide
Skeleton
ui@/design-system/components/ui/skeleton
Open guide
Slider
ui@/design-system/components/ui/slider
Open guide
Sonner
ui@/design-system/components/ui/sonner
Open guide
Spinner
ui@/design-system/components/ui/spinner
Open guide
Switch
ui@/design-system/components/ui/switch
Open guide
Tabs
ui@/design-system/components/ui/tabs
Open guide
Table
ui@/design-system/components/ui/table
Open guide
Tooltip
ui@/design-system/components/ui/tooltip
Open guide
Typography
ui@/design-system/components/ui/typography
Open guide
Toggle
ui@/design-system/components/ui/toggle
Open guide
Toggle Group
ui@/design-system/components/ui/toggle-group
Open guide
Textarea
ui@/design-system/components/ui/textarea
Open guide
Theme Toggle
ui@/design-system/components/ui/theme-toggle
Open guide
RHF Checkbox
rhf@/design-system/components/rhf
Open guide
RHF Date Picker
rhf@/design-system/components/rhf
Open guide
RHF Date Range Picker
rhf@/design-system/components/rhf
Open guide
RHF Error Message
rhf@/design-system/components/rhf
Open guide
RHF Input
rhf@/design-system/components/rhf
Open guide
RHF Number Input
rhf@/design-system/components/rhf
Open guide
RHF Radio Group
rhf@/design-system/components/rhf
Open guide
RHF Switch
rhf@/design-system/components/rhf
Open guide
RHF Textarea
rhf@/design-system/components/rhf
Open guide
RHF Time Picker
rhf@/design-system/components/rhf
Open guide