Audora UI

An UI design language and React-based implementation

Install

via yarn

  yarn add audora-ui

via npm

  npm install audora-ui --save

Usage

import { Box, Button } from 'audora-ui'
 
const MyComponent = () => (
  <Box>
    <Button onClick={() => alert('Button was clicked!')} variant="primary">
      Click
    </Button>
  </Box>
)

Theme

import { Theme } from 'audora-ui'
 
const themeConfig = {
  colors: {
    primary: ['#333333', '#222222'],
  },
}
 
const MyApplication = () => (
  <ThemeProvider theme={themeConfig}>
    <Button
      content="Click"
      onClick={() => alert('Button was clicked!')}
      type="primary"
    />
  </ThemeProvider>
)

Development

Clone the repo:

git clone [e-mail]:audora/audora-ui.git

Then install dependencies:

cd ./audora-ui
yarn

or

cd ./audora-ui
npm install

Run project:

yarn start

or

npm start

Contributing

Please read our CONTRIBUTING.md