@7shifts/sous-chef

The 7shifts component library

Install

yarn add @7shifts/sous-chef

or

npm install --save @7shifts/sous-chef

Usage

import React, { Component } from 'react';

import { DataTable } from '@7shifts/sous-chef';
import '@7shifts/sous-chef/dist/index.css';

class Example extends Component {
    items = [
        {
            employeeName: 'Steve Lawrence',
            date: 'Jun 22, 2019',
            hours: 15
        },
        {
            employeeName: 'Alex Andrade',
            date: 'Jan 15, 2020',
            hours: <span style={{ color: 'red' }}>8</span>
        }
    ];
    render() {
        return <DataTable items={items} />;
    }
}

Documentation

You can find the components documentation in here.

Contributing

Check out our contributing guide.

License

MIT © 7shifts