Fondue Design System by Frontify

Using @frontify/fondue

1. 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.

Contributing

See Contribution Guidelines for contributing and local development help.

Important Links

- 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