KvalityUI

FeedbackChoice

Выбор оценки из нескольких вариантов с тоном (высокое / среднее / низкое).

Живой код — редактируйте
function Example() {
  const [value, setValue] = useState(null);
  return (
    <FeedbackChoice
      value={value}
      onChange={setValue}
      options={[
        {
          value: 'high',
          label: 'Целевой',
          icon: CheckLineIcon,
          iconColor: 'text-intent-success-fg',
          tone: 'high'
        },
        {
          value: 'medium',
          label: 'Сомнительный',
          icon: QuestionLineIcon,
          iconColor: 'text-intent-warning-fg',
          tone: 'medium'
        },
        {
          value: 'low',
          label: 'Нецелевой',
          icon: CloseLineIcon,
          iconColor: 'text-intent-critical-fg',
          tone: 'low'
        }
      ]}
    />
  );
}

render(<Example />);

Пропсы

Prop

Type

On this page