Source from repo

Nuxt UI v4

Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

129

Skill

n/a

Size

138.2 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/chat-message.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown21 linesFree

components/chat-message.md

1# ChatMessage
2 
3Display a chat message with icon, avatar, and actions.
4 
5## Key Props
6 
7- `parts`: to display the message content using the AI SDK v5 format.
8- `side`: to display the message on the left or right.
9- `variant`: to change style of the message.
10- `icon`: to display an [Icon](/docs/components/icon) component next to the message.
11- `avatar`: to display an [Avatar](/docs/components/avatar) component next to the message.
12- `actions`: to display actions below the message that will be displayed when hovering over the message.
13 
14## Usage
15 
16```vue
17<UChatMessage
18  <!-- props here -->
19/>
20```
21

Preparing the source view

Nuxt UI v4

components/chat-message.md