components
ui components được xây dựng trên nền tảng foundations. mỗi component dùng chung tokens, hỗ trợ nhiều variants, và được test trong storybook trước khi tích hợp.
available components
button
button
4 variants · 3 sizes · loading · icon support
card
nội dung thẻ
card
4 variants · 3 padding sizes · header/body/footer
nhập nội dung...
input
3 sizes · label · helper text · validation
component anatomy
mỗi component tuân theo cấu trúc nhất quán:
- css file — style dùng design tokens, không hardcode giá trị
- react component — typescript + forwardRef khi cần
- storybook stories — docs + variants + interaction test
- astro page — demo live với real tokens
planned components
tablebadgechartmodaltabstoastselectcheckboxswitchavatarprogresstooltippagination