Button

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

Copy
import { Button } from 'minerva-ui';

Button
<Button>Button</Button>
<Button>Button</Button>

Variants#

Variants from defaultTheme

Primary ButtonSecondary ButtonTertiary Button
<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#

<Button isLoading>Loading Button</Button>
<Button isLoading>Loading Button</Button>

Disabled Button#

Disabled Button
<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.