open-index/open-npm huggingface dataset:
npm package: @frontify/fondue
Description: Design system of Frontify
Author: Frontify Developers
Latest version: 13.4.0

# Fondue Design System by Frontify

<a href="https://github.com/Frontify/fondue/actions/workflows/continuous-integration.yml">
    <img src="https://github.com/Frontify/react-components/actions/workflows/continuous-integration.yml/badge.svg" alt="CI Status" />
</a>
<a href="https://snyk.io/test/github/Frontify/fondue">
    <img src="https://snyk.io/test/github/Frontify/fondue/badge.svg" alt="Known Vulnerabilities" />
</a>
<a href="https://github.com/Frontify/fondue/blob/main/README.md" title="latest">
    <img alt="latest" src="https://img.shields.io/npm/v/@frontify/fondue/latest.svg" />
</a>

## 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](https://fondue-components.frontify.com/).

## Contributing

See [Contribution Guidelines](CONTRIBUTING.md) for contributing and local development help.

## Important Links

-   [Storybook](https://storybook.js.org/docs/react/get-started/introduction) – Used for isolated development and documentation of Fondue components
-   [https://www.cypress.io/](Cypress) – Used for Testing in Fondue
-   [Frontify React Guidelines](https://www.notion.so/React-Architecture-0ce55540be0b48fa88a2c3848e35eb81) – Internal Coding Guidelines for Frontify
-   [Fondue Tokens](https://github.com/Frontify/fondue-tokens) – Design Tokens used at Frontify
-   [Tailwind](https://tailwindcss.com/docs) – Utility-first CSS framework used in Fondue
npm package: @frontify/fondue-rte
Description: Rich Text Editor components extracted from Fondue design system
Author: Frontify Developers
Latest version: 0.1.2

# Fondue Rich Text Editor

<a href="https://github.com/Frontify/fondue/actions/workflows/continuous-integration.yml">
    <img src="https://github.com/Frontify/react-components/actions/workflows/continuous-integration.yml/badge.svg" alt="CI Status" />
</a>
<a href="https://snyk.io/test/github/Frontify/fondue">
    <img src="https://snyk.io/test/github/Frontify/fondue/badge.svg" alt="Known Vulnerabilities" />
</a>
<a href="https://github.com/Frontify/fondue/blob/main/README.md" title="latest">
    <img alt="latest" src="https://img.shields.io/npm/v/@frontify/fondue-rte/latest.svg" alt="NPM Version" />
</a>

Rich Text Editor components for the Fondue Design System, built with [Plate](https://platejs.org/) (based on [Slate.js](https://www.slatejs.org/)).

## Installation

```shell
npm install @frontify/fondue-rte
```

Or using pnpm:

```shell
pnpm add @frontify/fondue-rte
```

## Usage

```typescript
import { RichTextEditor } from '@frontify/fondue-rte';

// Use the Rich Text Editor in your component
<RichTextEditor />
```

## Features

- Built on Plate editor framework with extensive plugin system
- Full-featured rich text editing capabilities
- Integrated with Fondue design system tokens and components
- Comprehensive accessibility support
- TypeScript support

## Development

This package is part of the Fondue monorepo. For development:

1. Install dependencies from the root:
   ```shell
   pnpm install
   ```

2. Build the package:
   ```shell
   pnpm build:rte
   ```

3. Run Storybook for development:
   ```shell
   pnpm storybook
   ```
   The RTE Storybook will be available at http://localhost:6011

4. Run tests:
   ```shell
   cd packages/rte
   pnpm test
   ```

## Testing

This package uses [Cypress](https://www.cypress.io/) for component testing.

## Contributing

See [Contribution Guidelines](../../CONTRIBUTING.md) for contributing and local development help.

## Related Packages

- [@frontify/fondue](../fondue) - Main Fondue component library
- [@frontify/fondue-components](../components) - New refactored Fondue components
- [@frontify/fondue-tokens](../tokens) - Design tokens
- [@frontify/fondue-icons](../icons) - Icon components

## Important Links

- [Fondue Storybook](https://fondue-components.frontify.com/) - Component documentation
- [Plate Documentation](https://platejs.org/) - Plate editor framework
- [Slate Documentation](https://www.slatejs.org/) - Slate.js core library