Alert

Alert показывает короткие сообщения обратной связи или статуса с необязательными иконкой, заголовком и текстом.

Пропсы корня

Проп	Тип	По умолчанию
`variant`	`AlertVariant`	`'info'`
Визуальный стиль алерта. Определяет цвет фона, рамку и стиль иконки. 'success': обозначает положительное или успешное действие; 'error': обозначает ошибку или сбой; 'warning': обозначает предупреждение или риск; 'info': нейтральное информационное сообщение
`appearance`	`AlertAppearance`	`'fill'`
Внешний вид бейджа. Определяет стилизацию бейджа (фон, рамка и т. д.).

Также принимает ref и все атрибуты <div>.

Проп	Тип	По умолчанию
`size`	`IconSize`	—
Предопределённый токен размера иконки. Может быть переопределён явными шириной и высотой.
`ref`	`Ref<SVGSVGElement>`	—
Ref на SVG-элемент
`strokeWidth`	`number`	—
Толщина обводки линий и фигур SVG (в px или pt).
`children`	`ReactNode`	—
Содержимое иконки (обязательно). Принимает: иконки из `~/icons`; собственный встроенный SVG; компоненты иконок сторонних библиотек (например, Lucide, Tabler)

Также принимает все HTML-атрибуты.

Также принимает все атрибуты <div>.

Проп	Тип	По умолчанию
`size`	`TextSize`	—
Визуальный размер текста, обычно соответствует типографической шкале дизайн-системы.
`asChild`	`boolean`	—
Если true, рендерит текст как дочерний компонент через `Slot`. Полезно для совместимости с нативными элементами или другими компонентами.
`fontWeight`	`400 \| 500 \| 600 \| 700 \| 900`	—
Насыщенность шрифта текста. Распространённые значения: 400: обычный; 500: средний; 600: полужирный; 700: жирный; 900: сверхжирный
`ref`	`Ref<HTMLSpanElement>`	—
Ref на нижележащий `<span>` или элемент в слоте. Полезен для измерений, фокуса или работы с DOM.

Также принимает все атрибуты <span>.

Проп	Тип	По умолчанию
`size`	`TextSize`	—
Визуальный размер текста, обычно соответствует типографической шкале дизайн-системы.
`asChild`	`boolean`	—
Если true, рендерит текст как дочерний компонент через `Slot`. Полезно для совместимости с нативными элементами или другими компонентами.
`fontWeight`	`400 \| 500 \| 600 \| 700 \| 900`	—
Насыщенность шрифта текста. Распространённые значения: 400: обычный; 500: средний; 600: полужирный; 700: жирный; 900: сверхжирный
`ref`	`Ref<HTMLSpanElement>`	—
Ref на нижележащий `<span>` или элемент в слоте. Полезен для измерений, фокуса или работы с DOM.

Также принимает все атрибуты <span>.

С точки зрения API компонента Alert не имеет состояния.
Обычно состояние на стороне потребителя решает, рендерится ли алерт, скрыт ли он или заменён.
useAlertContext доступен для продвинутых обёрток и собственных дочерних частей.