storybook github

button

button là interactive element cơ bản nhất. 4 variants, 3 sizes, hỗ trợ icon và loading state.

variants

sizes

states

design tokens

--btn-primary-bg var(--color-brand-600)
--btn-secondary-bg var(--color-neutral-100)
--btn-ghost-bg transparent
--btn-destructive-bg var(--color-error)
--btn-radius var(--radius-md)
--size-btn-sm 32px
--size-btn-md 40px
--size-btn-lg 48px

storybook

component tương tác đầy đủ với docs, variants, và interaction tests.