close
The Wayback Machine - https://web.archive.org/web/20201111185737/https://github.com/strapi/buffet
Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Image



React Components Library made with styled-components

Monthly download on NPM Travis Build Status Strapi on Slack

Getting Started

Installation

Using yarn

yarn add @buffetjs/core @buffetjs/hooks  @buffetjs/styles
# Install the required dependencies
yarn add lodash prop-types react react-dom react-router-dom styled-components

or npm

npm install @buffetjs/core @buffetjs/styles @buffetjs/hooks --save
# Install the required dependencies
npm install lodash prop-types react react-dom react-router-dom styled-components --save

Example

Import buffet.js into your project as follows:

import React from 'react';
import {
  Enumeration,
} from '@buffetjs/core';

const Page = () => {
  const [state, setState] = React.useState('milk');

  return (
    <header>
      <p>Title</p>
    </header>
    <section>
      <Enumeration
        name="enumeration"
        onChange={({ target: { value } }) => setState(value)}
        options={[
          {
            value: 'flour',
            label: 'Flour',
          },
          {
            value: 'milk',
            label: 'Milk',
          },
          {
            value: 'butter',
            label: 'Butter',
          },
        ]}
        value={state}
      />
    </section>
    <footer>
      Made with love by Strapi
    </footer>
  );
}

export default Page;

Documentation

See the documentation at buffetjs.io/storybook for more informations.

You can’t perform that action at this time.