krivoops / vue3-ts-strorybook-test

Project setup

yarn install

Run Storybook

yarn start

Run your unit tests

yarn test:unit

Check linting issues

yarn lint

Task

• Modify the Button component to have
  • Variations
    • Dark
    • Light
  • Sizes
    • Large
    • Small
• Add type validation for variation and size props

Button should look more or less the same a shown in images below. Fell free to add any css properties as you please to achieve the desired look.

Dark Large

background - #000
height - 64px

Dark Small

background - #000
height - 48px

Light Large

background - #fff
height - 64px

Light Small

background - #fff
height - 48px