Button.mdx

import { LinkSection } from '../../components/LinkSection';

Button

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

import { Button } from 'minerva-ui';

<Button>Button</Button>

Variants

Variants from defaultTheme

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

Loading Button

<Button isLoading>Loading Button</Button>

Disabled 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