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.
Type Name Latest commit message Commit time
Failed to load latest commit information.
src grid: fix flex in columns (#3) Nov 13, 2016
.babelrc feat: initial commit Aug 23, 2016
.gitmodules fix: unknown prop warning; fix: pager component, feat: basic test wor… Sep 6, 2016
.travis.yml fix: version of @react-ui/core Sep 13, 2016

React UI Atoms

Atomic components for React UI styled with CSS Modules

build status

Table Of Contents


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 (
            <Header>Beautiful Header</Header>
            <Label>Here I am!</Label>
            <Button kind="primary">Press me</Button>

Components List


Apache License, Version 2.0

You can’t perform that action at this time.