Button

The <Button /> component replaces <button /> tag and extends the standard props passed to a <button />.

import { Button } from 'minerva-ui'

Preview

Source

<Button>Button</Button>

<Button>Button</Button>

Variants

Variants from defaultTheme

Preview

Source

<Stack horizontal> <Button variant="primary">Primary Button</Button> <Button variant="secondary">Secondary Button</Button> <Button variant="tertiary">Tertiary Button</Button> </Stack>

<Stack horizontal>
  <Button variant="primary">Primary Button</Button>
  <Button variant="secondary">Secondary Button</Button>
  <Button variant="tertiary">Tertiary Button</Button>
</Stack>

Loading Button

Preview

Source

<Button isLoading>Loading Button</Button>

<Button isLoading>Loading Button</Button>

Disabled Button

Preview

Source

<Button disabled>Disabled Button</Button>

<Button disabled>Disabled Button</Button>

Props

The Button composes the PseudoBox component so you can pass props for PseudoBox. These are props related to the Button component.

Name	Type	Is Required	Default	Description
disabled	boolean	optional	false	Toggles disabled pseudo class
variant	string	optional	none	Optionally tries to use a variant style from your Theme object
isLoading	boolean	optional	false	Displays loading spinner and disables button when true