AiToolText

Текстовый блок содержимого инструмента. Базовый строительный элемент: из него собираются AiToolKeyValue, AiToolObject и AiToolArray.

Когда использовать

• Вывод текстового результата или аргумента инструмента.
• Моноширинный вывод JSON-подобных данных (mono).

Анатомия

Mono (default false)

Переключает шрифт на моноширинный. Внутри AiToolDetails включается автоматически.

Error (default false)

Окрашивает текст в красный. Внутри AiToolDetails в состоянии error включается автоматически.

Установка

pnpm add @cloud-ru/ds-ai-tool

import { AiToolText } from '@cloud-ru/ds-ai-tool'

Примеры использования

Режимы текста

import { AiToolText } from '@cloud-ru/ds-ai-tool';

export function TextBlock() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
      <AiToolText>Обычный текст результата</AiToolText>
      <AiToolText mono>{`{ "status": "ok" }`}</AiToolText>
      <AiToolText error>Ошибка выполнения инструмента</AiToolText>
      <AiToolText mono error>{`{ "error": "timeout" }`}</AiToolText>
    </div>
  );
}

Props

Types

AiToolTextProps

Storybook

Figma