Storybook live

1 - User story: I can see different button types:

variants:

• default [X]
• outline [X]
• text [X]

2 - User story: I can choose to disable box-shadow(default enable) [X]

3 - User story: I can choose to disable the button [X]

4 - User story: I can choose to have an icon on the left or right (Use Google Icon and at least 5 variants) [ ]

5 - User story: I can have different button sizes

• size: sm [x]
• size: md [X]
• size: lg [X]

6 - User story: I can have different colors

• color: default [X]
• color: primary [X]
• color: secondary [X]
• color: danger [X]

7 - User story: When I hover or focus, I can see visual indicators [X]

8 - User story: I can still access all button attributes [X]