Button Component

Solution for a challenge from Devchallenges.io.

Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

Built With

• React
• TypeScript
• Styled Components
• Storybook

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

The features implemented are as follows:

• Use different button types: default, outline and text.
• Disable boxshadow of button.
• Disable button.
• Use icon on either side of button.
• Change size of button.
• Change colour of button.
• Hover and Focus button states.
• Access all button attributes in button component.
• Show button in storybook.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/anualabi/button-component.git

# Install dependencies
$ npm install

# Run the app in storybook
$ npm run storybook

# Or run the app in react
$ npm start

Acknowledgements

• Material Icons Guide

Contact

• GitHub @anualabi
• LinkedIn @anualabi