Button

Flat and outline buttons

Examples

<Button text="Button" />

Types

Flat

<Button styleName="flat-primary" text="Button" />
<Button styleName="flat-secondary" text="Button" />
<Button styleName="flat-positive" text="Button" />
<Button styleName="flat-neutral" text="Button" />
<Button styleName="flat-negative" text="Button" />

Outline

<Button styleName="outline-primary" text="Button" />
<Button styleName="outline-secondary" text="Button" />
<Button styleName="outline-positive" text="Button" />
<Button styleName="outline-neutral" text="Button" />
<Button styleName="outline-negative" text="Button" />

States

Disabled

<Button text="Button" disabled />

Loading

<Button text="Button" loading />

Variations

Size

<Button size="mini" text="MINI" />
<Button size="small" text="SMALL" />
<Button size="medium" text="MEDIUM" />
<Button size="large" text="LARGE" />
<Button size="big" text="BIG" />

Fluid

<Button text="Button" fluid />

API

Props

Name Description Type Optional value Default
children - string, element - -
text - string - Empty string (‘’)
textStyle - style - -
disabled - bool - false
loading - bool - false
size - enum mini, small, medium, large, big medium
fluid - bool - false

Events

Name Description
onPress -