Ornament Addon Status Label

Пользовательское дополнение для дизайн системы дизайна Ornament, который отображает метку состояния компонента в историях.

Установка пакета

Для установки пакета введите команду:

pnpm add -D @ornament-addon-kit/status-label

Настройка дополнения

Для подключения дополнения укажите название @ornament-addon-kit/status-label в файле .storybook/main.ts:

const config = {
  // ...ваши настройки

  addons: [
    // ...другие дополнения

    '@ornament-addon-kit/status-label',
  ]
};

export default config;

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

Для использования дополнения укажите требуемые значения в параметрах истории:

// ...другие импорты

import { StatusLabelParameterType } from '@ornament-addon-kit/status-label';

const statusLabelParameters: StatusLabelParameterType = {
  status: 'deprecated',
  statusLang: 'en',
};

const meta: Meta<typeof Button> = {
  component: Button,
  title: 'Компоненты/Button',
  id: 'Components/Button',
  parameters: { ...statusLabelParameters }, // Укажите настройки в этом поле
};

// ...ваши истории

Доступные параметры можно посмотреть из типы StatusLabelParameterType.

Дополнение отобразит метку в панели TOOLEXTRA.