hikaya-io / hakawati

A collection of UI components
GNU General Public License v3.0
2 stars 1 forks source link

Add new button story - `button-outline` #304

Closed andrewtpham closed 2 years ago

andrewtpham commented 2 years ago

Is your feature request related to a problem? Please describe. We would like a new outline button that can be used in a few different places in Metrics This is the normal state:

color: `$heading-grey`
border-color: `$light-body-grey`
border-radius: 25px;
padding: 10px 25px;
image

These are the :hover and :active states:

color: `$primary-color`
border-color: `$primary-color`
border-radius: 25px;
padding: 10px 25px;

example button that redirects to a new page:

image

example button

image

example when a checkbox is selected the :active state of a h-select will appear image

This will be used in the metrics app as a secondary button

image