https://github.com/aibolik/react-cource-button

https://github.com/aibolik/react-cource-button

Last synced: about 2 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/aibolik/react-cource-button
• Owner: aibolik
• Created: 2020-05-18T04:41:28.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T06:13:28.000Z (almost 2 years ago)
• Last Synced: 2024-11-05T16:09:15.464Z (about 2 months ago)
• Language: JavaScript
• Size: 153 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React button for course [30-day-React](https://aibolik.github.io/30-day-react)

> Note: This button is not production ready button. It was created in the scope of [30-day-React](https://aibolik.github.io/30-day-react) course.

Configurable React button with several styling variations built with [styled-components](https://styled-components.com/).

## API

### `size`

default: `md`

options: `sm` | `md` | `lg`

Defines sizing CSS properties of the button.

### `variant`

default: `contained`

options: `contained` | `outlined`

Defines look and feel of the button by manipulating background, border and colors properties of the button.

### `color`

default: `primary`

options: `primary` | `secondary`

Defines main background color of the button.