Feature - Button Component [Dev]

[danielvaldivv]

Checklist ✅

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

The Button component will be used like this:

import { Button } from '@platzily-ui/components';
// import Button from '@platzily-ui/components/Button'; Can by called like this either.


export default function MyButton() {

    const handleClick = () => {
    // My function
   }

       return (
          <Button onClick={ handleClick }>
              MyButtonName
          </Button>
       )
    }

Requirements 🌈

The Button component will be used by the user to trigger a fuction in the UI.

The user will import the Button component and it will have to receive all available props for an button HTML element.

As the user could need to give the button a ref, it must be done using React.forwardRef API.

The Button should have this states:

• Disabled
• Focus
• Active
• Hover

Motivation 🔦

An button is a basic component in any UI, so it make sense for Platzily-UI to have its own implementation of an Input element.