## Standard Buttons

    <Button>Follow</Button>

### Emphasis Button

    <div>
        <Button emphasis="primary">Button</Button>
        <Button emphasis="secondary">Secondary</Button>
        <Button emphasis="positive">Positive</Button>
        <Button emphasis="negative">Negative</Button>
    </div>

### Animated Button

    <div>
        <Button animated>
            <Content visible>Next</Content>
            <Content hidden><Icon name="right arrow"/></Content>
        </Button>
        <Button animated="vertical">
            <Content visible><Icon name="shop"/></Content>
            <Content hidden>Shop</Content>
        </Button>
        <Button animated="fade">
            <Content visible>Signup for our super account</Content>
            <Content hidden>$999999999999999 per month</Content>
        </Button>
    </div>

### Basic button

    <Button basic>
        <Icon name="user"/>
        Add friend
    </Button>


### Colored button

    <div>
        <Button color="red">Red</Button><Button color="orange">Orange</Button>
        <Button basic color="red">Basic Red</Button><Button basic color="orange">Basic orange</Button>
    </div>


### Inverted

    <div>
        <Button inverted>Inverted</Button><Button inverted color="red">Inverted red</Button>
        <Button basic inverted>Inverted</Button><Button basic inverted color="red">Inverted red</Button>
    </div>


### States

    <div>
        <Button state="active">Active button</Button>
        <Button state="disabled">Disabled</Button>
        <Button state="loading">Loading</Button>
    </div>

### Sizes

    <div>
        <Button size="mini">Mini</Button>
        <Button size="massive">Massive</Button>
    </div>

### Compact

    <Button compact>Compact button</Button>


### Toggle

    <Button toggle>Toggle</Button>