@nenui/ui

UI компоненты для React с поддержкой OKLCH цветов

Установка

bun add @nenui/ui @nenui/common @nenui/hooks
# или используйте главный пакет
bun add @nenui

Использование

import { Button, HueSelector } from '@nenui/ui';
import '@nenui/ui/styles.css';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <HueSelector value={250} onChange={setHue} />
    </div>
  );
}

Компоненты

Button

Кнопка с различными вариантами оформления:

<Button variant="primary" size="md">Primary Button</Button>
<Button variant="secondary" size="lg">Secondary Button</Button>
<Button variant="outline" fullWidth>Outline Button</Button>

HueSelector

Селектор оттенка для динамического изменения OKLCH цветов:

<HueSelector
  value={hue}
  onChange={setHue}
  label="Выберите цвет"
/>

Стили

Не забудьте импортировать CSS:

import '@nenui/ui/styles.css';

Документация

• Button
• HueSelector