🎨
Design System
  • Đăng nhập THABET CO
  • Basics
    • Styles
      • Colors
      • Typography
    • Icons
    • Components
      • AvatarStack
      • Button
  • Basics
Powered by GitBook
On this page
  • Default
  • Primary
  • Secondary
  1. Basics
  2. Components

Button

PreviousAvatarStack

Last updated 3 years ago

Buttons are used to perform actions in the product.

Default

Good to know: you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.

<Button
    label="Label"
    size="medium"
    kind="default"
    onClick={doTheThing}
/>

Primary

<Button
    label="Label"
    size="medium"
    kind="primary"
    onClick={doTheThing}
/>

Secondary

<Button
    label="Label"
    size="medium"
    kind="secondary"
    onClick={doTheThing}
/>

These examples are taken from the excellent .

Storybook Example Design System