/Button-component

This Button component build with React is a solution to the challenge from the Dev Challenges. It contains different reusable button components with hover and focus states.

Primary LanguageJavaScript

{Button Component

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

Overview

screenshot

Built With

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.

  • Users can see different button types: default, outline and text
  • Users can choose to disable box-shadow
  • Users can choose to disable the button
  • Users can choose to have an icon on the left or right (Use Google Icon and at least 5 variants)
  • Users can have different button sizes
  • Users can have different colors
  • When Users hover or focus, Users can see visual indicators
  • Users can still access all button attributes

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/your-user-name/your-project-name

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

Contact