Message

Сообщение чата с ИИ на shadcn. Compound-набор: MessageGroup / Message / MessageAvatar / MessageContent / MessageHeader / MessageFooter. Сторона реплики задаётся через align ("start" — ассистент слева, "end" — пользователь справа), а MessageGroup собирает реплики в вертикальный тред.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

align="start" (по умолчанию) — сообщение выравнивается к началу строки. С аватаром и заголовком-ролью.

Загрузка демо…

align="end" — сообщение выравнивается к концу строки (порядок аватар/контент разворачивается).

Загрузка демо…

MessageFooter под контентом — для времени, статуса доставки или подписи. Аватар автоматически поднимается.

Загрузка демо…