Skip to content
Atomic components for React UI styled with CSS Modules
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
examples
src grid: fix flex in columns (#3) Nov 13, 2016
test/helpers
.babelrc feat: initial commit Aug 23, 2016
.eslintrc
.gitignore
.gitmodules fix: unknown prop warning; fix: pager component, feat: basic test wor… Sep 6, 2016
.travis.yml
README.md fix: version of @react-ui/core Sep 13, 2016
package.json
postcss.config.json

README.md

React UI Atoms

Atomic components for React UI styled with CSS Modules

build status

Table Of Contents

Usage

npm install --save @react-ui/core@latest @react-ui/atoms-css-modules

Supply components and their styles to initUI:

// src/components/ui/index.js

import initUI from '@react-ui/core';
import atoms from '@react-ui/atoms-css-modules';

import Header from 'src/components/ui/header';

const UI = initUI(atoms.components, { Header })(atoms.styles);

export default UI;

Use atomic components where needed:

import React, { Component } from 'react';

import UI from 'src/components/ui';
const {
  Button, Label,
  Grid: { Container, Row, Col },
} = UI;

class MyUberComponent extends Component {
  render() {
    return (
      <Container>
        <Row>
          <Col>
            <Header>Beautiful Header</Header>
          </Col>
        </Row>
        <Row>
          <Col>
            <Label>Here I am!</Label>
            <Button kind="primary">Press me</Button>
          </Col>
        </Row>
      </Container>
    );
  }
}

Components List

License

Apache License, Version 2.0

You can’t perform that action at this time.