@7shifts/sous-chef 中文文档教程

发布于 3年前 浏览 21 项目主页 更新于 3年前

@7shifts/sous-chef

7shifts 组件库

NPM捆绑大小TREE-SHAKING

Install

yarn add @7shifts/sous-chef

或者

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

Usage

import React, { Component } from 'react';

import { ResourceTable } 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 <ResourceTable items={items} />;
    }
}

Documentation

您可以在 中找到组件文档这里。 只是为了触发 CI

License

MIT © 7shifts

@7shifts/sous-chef

The 7shifts component library

NPMBUNDLE-SIZETREE-SHAKING

Install

yarn add @7shifts/sous-chef

or

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

Usage

import React, { Component } from 'react';

import { ResourceTable } 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 <ResourceTable items={items} />;
    }
}

Documentation

You can find the components documentation in here. just to trigger a CI

License

MIT © 7shifts

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文