AiToolIcon
Иконка 16×16, обозначающая тип шага инструмента. Цвет наследуется через currentColor — по умолчанию приглушённый textTertiary.
Когда использовать
- Маркер типа шага в строке вызова инструмента (рассуждение, поиск, чтение, действие).
- Рядом с заголовком блока деталей или в статус-строке.
Анатомия
Variant
reasoning— рассуждение модели.search— поиск.read— чтение.act— действие.security— проверка безопасности.wait— ожидание.
Установка
pnpm add @cloud-ru/ds-ai-toolimport { AiToolIcon } from '@cloud-ru/ds-ai-tool'Примеры использования
Типы инструментов
tsx
import { AI_TOOL_ICON_TYPE, AiToolIcon } from '@cloud-ru/ds-ai-tool';
export function IconSet() {
return (
<div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', alignItems: 'center' }}>
{Object.values(AI_TOOL_ICON_TYPE).map(variant => (
<AiToolIcon key={variant} variant={variant} />
))}
</div>
);
}Props
Types
Props
AiToolIconProps| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
children | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined | — | no | |
className | string | — | no | Доп. класс корня. |
data-test-id | string | ai-tool-icon | no | |
variant | "act" | "read" | "reasoning" | "search" | "security" | "wait" | — | yes | Тип инструмента — определяет глиф (reasoning / search / read / act / security / wait). |