/vue3-ts-storybook-test

Vue3 TS

Primary LanguageJavaScript

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

Dark Button large

background - #000
height - 64px

Dark Small

Dark Button Small

background - #000
height - 48px

Light Large

Light Button Large

background - #fff
height - 64px

Light Small

Light Button Small

background - #fff
height - 48px