# @chordsketch/react-ui
[](https://www.npmjs.com/package/@chordsketch/react-ui)
Wasm-free React design-system primitives for [ChordSketch](https://github.com/koedame/chordsketch) — the Rust ChordPro / iReal Pro engine. This package is the React binding of the ChordSketch design system: buttons, cards, badges, and form controls that compose the canonical design-system class vocabulary. It carries **no `@chordsketch/wasm` dependency**, so you can use it to build app chrome around the editor components from [`@chordsketch/react`](https://www.npmjs.com/package/@chordsketch/react) without pulling the WebAssembly bundle.
## Installation
```bash
npm install @chordsketch/react-ui
```
The package ships a single stylesheet — import it once at your app root (see Quick start).
## Quick start
```tsx
import { Button, Badge } from '@chordsketch/react-ui';
import '@chordsketch/react-ui/styles.css';
export function Toolbar() {
return (
Saved
);
}
```
## API
All components are pure class composition over the canonical design-system classes; they add no behaviour beyond rendering the right markup. Load `@chordsketch/react-ui/styles.css` for them to be styled.
| Export | Element | Notes |
|---|---|---|
| `
