Button

Quick start

Here's a quick start guide to get started with the button component

Importing Component

import { Button } from "@hover-design/react";

Code Snippets and Examples

Button Default

<div className="App">
  <Button>Button default</Button>
</div>

Button Light

<div className="App">
  <Button variant="light">Button light</Button>
</div>

Button Ghost

<div className="App">
  <Button variant="ghost">Button ghost</Button>
</div>

Button Hallow

<div className="App">
  <Button variant="hallow">Button Hallow</Button>
</div>

Props Referece

Attributes	Values	Optional ?
variant	default | light | ghost | hallow	Yes
padding	small | medium | large	Yes
fontSize	small | medium | large	Yes
margin	small | medium | large	Yes
onClick	() => void;	Yes
onHover	() => void;	Yes
ref	RefObject<HTMLButtonElement>;	Yes