Design system of Frontify
npm install @frontify/fondue@frontify/fondue1. Install fondue from npm
``shell`
npm install @frontify/fondue
2. Load Fondue Stylesheet
`typescript`
import '@frontify/fondue/style';
3. Use Components
`typescript``
import { Button } from '@frontify/fondue';
Fondue provides two builds: ES modules and UMD modules. Documentation for the provided components and how to use them is available in Storybook.
See Contribution Guidelines for contributing and local development help.
- Storybook – Used for isolated development and documentation of Fondue components
- https://www.cypress.io/ – Used for Testing in Fondue
- Frontify React Guidelines – Internal Coding Guidelines for Frontify
- Fondue Tokens – Design Tokens used at Frontify
- Tailwind – Utility-first CSS framework used in Fondue