cyprex-ui

Requirements

You have to include Bootstrap and Font Awesome CSS in your application.

Grid system

Bootstrap grid system

import { Container, Row, Col } from 'cyprex-ui';

const MyGrid = () => (
  <Container>
    <Row>
      <Col xs={6}>First half</Col>
      <Col xs={6}>Second half</Col>
    </Row>
  </Container>
);

Button

Bootstrap button

import { Button } from 'cyprex-ui';

const MyButton = () => (
  <Button danger fullWidth>This will explode!</Button>
);

Icon

Font-awesome icon (pick them here)

import { Icon } from 'cyprex-ui';

const MyIcon = () => (
  <Icon type="wrench" />
);