# Button

Button is one of the most important ui elements. Use Button component to display buttons.

# Normal buttons

<Button type="default">Default</Button>
<Button type="primary">Primary</Button>
<Button type="secondary">Secondary</Button>
<Button type="success">Success</Button>
<Button type="info">Info</Button>
<Button type="warning">Warning</Button>
<Button type="danger">Danger</Button>

# Rounded buttons

<Button rounded type="default">Default</Button>
<Button rounded type="primary">Primary</Button>
<Button rounded type="secondary">Secondary</Button>
<Button rounded type="success">Success</Button>
<Button rounded type="info">Info</Button>
<Button rounded type="warning">Warning</Button>
<Button rounded type="danger">Danger</Button>

# Edgy buttons

<Button edgy type="default">Default</Button>
<Button edgy type="primary">Primary</Button>
<Button edgy type="secondary">Secondary</Button>
<Button edgy type="success">Success</Button>
<Button edgy type="info">Info</Button>
<Button edgy type="warning">Warning</Button>
<Button edgy type="danger">Danger</Button>

# Outline buttons

<Button type="outline-default">Default</Button>
<Button type="outline-primary">Primary</Button>
<Button type="outline-secondary">Secondary</Button>
<Button type="outline-success">Success</Button>
<Button type="outline-info">Info</Button>
<Button type="outline-warning">Warning</Button>
<Button type="outline-danger">Danger</Button>

# Outline light background buttons

<Button type="outline-lightbg-default">Default</Button>
<Button type="outline-lightbg-primary">Primary</Button>
<Button type="outline-lightbg-secondary">Secondary</Button>
<Button type="outline-lightbg-success">Success</Button>
<Button type="outline-lightbg-info">Info</Button>
<Button type="outline-lightbg-warning">Warning</Button>
<Button type="outline-lightbg-danger">Danger</Button>

# Props

name default description required type
type primary One of available bootstrap button types: primary, default, success, info, warning, danger false String
size Button size: lg for large, sm - for small false String
rounded false If set to true .rounded class will be added and button will have rounded borders false Boolean
edgy false If set to true .edgy class will be added and button will have edgy borders false Boolean
still false If set to true translateY animation will be disabled on hover and click and button will not bounce false Boolean