Name: Miru
Price: 1 USD
Author: Saeloun

The Button component creates buttons in different styles and sizes.

To use the Button component in our app, we need to import it from our styled components. Here’s how we can import it:

import { Button } from "StyledComponents";

default btn

The Button component can be used with various props to control its appearance. Here are some examples of how we can use it:

<Button
  style="secondary"
>
  Click here
</Button>

default btn

<Button
  style="ternary"
>
  Click here
</Button>

default btn

Name	Description	Default Value
`style`	To specify the style of the Button. `"primary", "secondary", "ternary"`	`primary`
`onClick`	To specify the action to be triggered on clicking the Button. `func`	`"(e) => (void)"`
`size`	To set the size of the Button. `"small", "medium", "large"`	`"medium"`
`disabled`	To set Button as disabled `bool`	`false`
`className`	To provide external classnames to Button component. `string`	`""`
`fullWidth`	To take the full width of parent component `bool`	`false`
`children`	To specify the children to be rendered inside the Button `string`	`""`
`type`	To specify the type of Button `"button", "reset", "submit"`	`"button"`

Button

Read it once. Run it for real.