Button

Implementation

import { Button } from "slipstream-ui";

const Example = () => <Button>...</Button>;

Default

Example

<Button>...</Button>

Colors

Example

<Button color="primary">...</Button>

<Button color="success">...</Button>

<Button color="warning">...</Button>

<Button color="danger">...</Button>

<Button color="default">...</Button>

<Button color="link">...</Button>

Sizing

Example

<Button size="sm">...</Button>

<Button size="md">...</Button>

<Button size="lg">...</Button>

Disabled

Example

<Button disabled>...</Button>

Tag (HTML Element)

Example

Link Element

Div Element

<Button tag="button">...</Button>

<Button tag="a" href="/">...</Button>

<Button tag="div">...</Button>

Block

Example

<Button block>...</Button>

Props

Attribute	Type	Value	Default Value	Description
color	string	danger/default/link/primary/success/warning/disabled	primary	Color of button element
disabled	boolean	true/false	undefined	Mark button and events as disabled
size	string	sm/md/lg	md	Set size of button
block	boolean	true/false	undefined	Set button to be full width of containing element
tag	string	e.g. a/button/div	undefined	Change button element tag to be a different element while keeping the same styles of the button