Volst UI Components

A React component library for Volst.

Demo / overview of all components

Install

yarn add @volst/ui-components
npm i @volst/ui-components --save

Usage

The components are documented in the demo, in the top-right you can press "Show Info" to see all the possible props for that component.

An example:

import React from 'react';
import ReactDOM from 'react-dom';
import { VolstTheme, Button } from '@volst/ui-components';

ReactDOM.render(
    <VolstTheme>
        <Button>Foobar</Button>
    </VolstTheme>,
    document.getElementById('root')
);

<VolstTheme /> accepts a theme prop, which can be used to change some project-wide settings. An example:

const theme = {
    primaryColor: '#006b94',
};

<VolstTheme theme={theme} />

See all settings.

Contributing

Please read the contributing guide.

Inspiration

• SEEK Style Guide
• Ant Design
• Elemental UI
• Material UI
• Semantic UI React
• Blueprint