@arnat/styled-button NPM

ARNAT - styled-button

Modular approach to use bootstrap components for quick prototypes, as an entrypoint of the component library.

Usage

import { Button, LinkButton, ButtonGroups, ButtonToolbar } from '@arnat/styled-button';

const MyButtonComponent = props => (
  <Button primary outline disabled>
    My Button
  </Button>
);

const MyButtonGroupComponent = props => (
  <ButtonGroup>
    <Button secondary>Left</Button>
    <Button secondary>Middle</Button>
    <Button secondary>Right</Button>
  </ButtonGroup>
);

const MyButtonToolbarComponent = props => (
  <ButtonToolbar>
    <ButtonGroup mr2>
      <LinkButton secondary>1</LinkButton>
      <LinkButton secondary>2</LinkButton>
      <LinkButton secondary>3</LinkButton>
      <LinkButton secondary>4</LinkButton>
    </ButtonGroup>
    <ButtonGroup mr2>
      <LinkButton secondary>5</LinkButton>
      <LinkButton secondary>6</LinkButton>
      <LinkButton secondary>7</LinkButton>
    </ButtonGroup>
    <ButtonGroup>
      <LinkButton secondary>8</LinkButton>
    </ButtonGroup>
  </ButtonToolbar>
);