{"id":13451837,"url":"https://github.com/strapi/buffet","last_synced_at":"2025-03-23T19:32:54.897Z","repository":{"id":34943209,"uuid":"167524076","full_name":"strapi/buffet","owner":"strapi","description":"Buffet.js — React Components Library made with styled-components","archived":true,"fork":false,"pushed_at":"2023-03-06T17:31:19.000Z","size":24965,"stargazers_count":539,"open_issues_count":30,"forks_count":67,"subscribers_count":20,"default_branch":"master","last_synced_at":"2025-03-03T00:04:00.878Z","etag":null,"topics":["buffet","component-library","javascript","react","react-components","strapi"],"latest_commit_sha":null,"homepage":"https://www.buffetjs.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/strapi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-01-25T09:47:01.000Z","updated_at":"2025-03-02T19:11:31.000Z","dependencies_parsed_at":"2024-01-23T21:35:29.692Z","dependency_job_id":null,"html_url":"https://github.com/strapi/buffet","commit_stats":null,"previous_names":[],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strapi%2Fbuffet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strapi%2Fbuffet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strapi%2Fbuffet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/strapi%2Fbuffet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/strapi","download_url":"https://codeload.github.com/strapi/buffet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241587917,"owners_count":19986627,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["buffet","component-library","javascript","react","react-components","strapi"],"created_at":"2024-07-31T07:01:04.255Z","updated_at":"2025-03-23T19:32:53.722Z","avatar_url":"https://github.com/strapi.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://buffetjs.io\"\u003e\n    \u003cimg height=\"35\" src=\"https://cldup.com/ViG2KxiXwc-3000x3000.png\" /\u003e\n  \u003c/a\u003e\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n\u003cstrong\u003eReact Components Library made with styled-components\u003c/strong\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.npmjs.org/package/buffetjs\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/dm/buffetjs.svg\" alt=\"Monthly download on NPM\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://travis-ci.org/strapi/buffet\"\u003e\n      \u003cimg src=\"https://travis-ci.org/strapi/buffet.svg?branch=master\" alt=\"Travis Build Status\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"http://slack.strapi.io\"\u003e\n      \u003cimg src=\"http://slack.strapi.io/badge.svg\" alt=\"Strapi on Slack\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n## Getting Started\n\n### Installation\n\nUsing yarn\n\n```bash\nyarn add @buffetjs/core @buffetjs/hooks  @buffetjs/styles\n# Install the required dependencies\nyarn add lodash prop-types react react-dom react-router-dom styled-components\n```\n\nor npm\n\n```bash\nnpm install @buffetjs/core @buffetjs/styles @buffetjs/hooks --save\n# Install the required dependencies\nnpm install lodash prop-types react react-dom react-router-dom styled-components --save\n```\n\n### Example\n\nImport buffet.js into your project as follows:\n\n```js\nimport React from 'react';\nimport {\n  Enumeration,\n} from '@buffetjs/core';\n\nconst Page = () =\u003e {\n  const [state, setState] = React.useState('milk');\n\n  return (\n    \u003cheader\u003e\n      \u003cp\u003eTitle\u003c/p\u003e\n    \u003c/header\u003e\n    \u003csection\u003e\n      \u003cEnumeration\n        name=\"enumeration\"\n        onChange={({ target: { value } }) =\u003e setState(value)}\n        options={[\n          {\n            value: 'flour',\n            label: 'Flour',\n          },\n          {\n            value: 'milk',\n            label: 'Milk',\n          },\n          {\n            value: 'butter',\n            label: 'Butter',\n          },\n        ]}\n        value={state}\n      /\u003e\n    \u003c/section\u003e\n    \u003cfooter\u003e\n      Made with love by Strapi\n    \u003c/footer\u003e\n  );\n}\n\nexport default Page;\n```\n\n## Documentation\n\n\u003cstrong\u003eSee the documentation at [buffetjs.io/storybook](https://buffetjs.io/storybook) for more informations.\u003c/strong\u003e\n","funding_links":[],"categories":["Strapi v3","JavaScript","\u003ca name='Ecosystem'\u003e\u003c/a\u003eEcosystem"],"sub_categories":["Plugin \u0026 Providers - v3","\u003ca name='UploadProviders'\u003e\u003c/a\u003eUpload Providers"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstrapi%2Fbuffet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstrapi%2Fbuffet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstrapi%2Fbuffet/lists"}