8.0.0 • Published 7 years ago

cf-component-button v8.0.0

Weekly downloads
79
License
BSD-3-Clause
Repository
-
Last release
7 years ago

cf-component-button

Cloudflare Button Component

Installation

Installation with yarn is recommended

$ yarn add cf-component-button

Usage

import React from 'react';
import { Button, ButtonGroup } from 'cf-component-button';

const ButtonComponent = () => (
  <div>
    <ButtonGroup>
      <Button type="primary" onClick={() => console.log('Clicked One!')}>
        Button One
      </Button>
      <Button type="default" onClick={() => console.log('Clicked Two!')}>
        Button Two
      </Button>
      <Button type="success" onClick={() => console.log('Clicked Three!')}>
        Button Three
      </Button>
    </ButtonGroup>
    <p>Button group with spacing</p>
    <ButtonGroup spaced>
      <Button type="warning" onClick={() => console.log('Clicked Four!')}>
        Button Four
      </Button>
      <Button type="danger" onClick={() => console.log('Clicked Five!')}>
        Button Five
      </Button>
      <Button
        type="danger"
        disabled
        onClick={() => console.log('Clicked disabled!')}
      >
        Disabled
      </Button>
      <Button
        type="danger"
        onClick={() => console.log('Clicked Six!')}
        inverted
      >
        Button Six
      </Button>
      <Button
        type="primary"
        onClick={() => console.log('Clicked Seven!')}
        inverted
      >
        Button Seven
      </Button>
      <Button
        type="default"
        loading
        onClick={() => console.log('Clicked Loading!')}
      >
        Button Eight
      </Button>
    </ButtonGroup>
  </div>
);

export default ButtonComponent;
8.0.0

7 years ago

7.5.4

7 years ago

7.5.3

7 years ago

7.5.2

7 years ago

7.5.1

7 years ago

7.5.0

7 years ago

7.4.11

7 years ago

7.4.10

7 years ago

7.4.9

7 years ago

7.4.8

7 years ago

7.4.7

7 years ago

7.4.6

7 years ago

7.4.5

7 years ago

7.4.4

8 years ago

7.4.3

8 years ago

7.4.2

8 years ago

7.4.1

8 years ago

7.4.0

8 years ago

7.3.10

8 years ago

7.3.9

8 years ago

7.3.8

8 years ago

7.3.7

8 years ago

7.3.6

8 years ago

7.3.5

8 years ago

7.3.4

8 years ago

7.3.3

8 years ago

7.3.2

8 years ago

7.3.1

8 years ago

7.3.0

8 years ago

7.2.7

8 years ago

7.2.6

8 years ago

7.2.5

8 years ago

7.2.4

8 years ago

7.2.3

8 years ago

7.2.2

8 years ago

7.2.1

8 years ago

7.2.0

8 years ago

7.1.3

8 years ago

7.1.2

8 years ago

7.1.0

8 years ago

7.0.0

8 years ago

6.1.8

8 years ago

6.1.7

8 years ago

6.1.6

8 years ago

6.1.5

8 years ago

6.1.4

8 years ago

6.1.3

8 years ago

6.1.2

8 years ago

6.1.1

8 years ago

6.1.0

8 years ago

6.0.0

8 years ago

5.9.1

8 years ago

5.9.0

8 years ago

5.8.1

8 years ago

5.8.0

8 years ago

5.7.7

8 years ago

5.7.6

8 years ago

5.7.5

8 years ago

5.7.4

8 years ago

5.7.3

8 years ago

5.7.2

8 years ago

5.7.1

8 years ago

5.7.0

8 years ago

5.6.1

8 years ago

5.6.0

8 years ago

5.5.1

8 years ago

5.5.0

8 years ago

5.4.2

8 years ago

5.4.1

8 years ago

5.4.0

8 years ago

5.3.3

8 years ago

5.3.2

8 years ago

5.3.1

8 years ago

5.3.0

8 years ago

5.2.1

8 years ago

5.2.0

9 years ago

5.1.0

9 years ago

5.0.2

9 years ago

5.0.1

9 years ago

5.0.0

9 years ago

4.3.2

9 years ago

4.3.1

9 years ago

4.3.0

9 years ago

4.2.0

9 years ago

4.0.0

9 years ago

3.0.0

9 years ago

2.2.3

9 years ago

2.2.2

9 years ago

2.2.1

9 years ago

2.2.0

10 years ago

2.1.2

10 years ago

2.1.1

10 years ago

2.1.0

10 years ago

2.0.0

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago