Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. Read about intended use and customization.
Experimental: The AI extension and its component APIs may change in the future. Please give us feedback on your experience with them.
Properties#
| Type | Description | |
|---|---|---|
label | string | (optional) Text for screen readers while waiting for the reply. Defaults to a translated text. |
variant | "bubble" "plain" | (optional) Show the content in a bubble, or as plain content without background. |
name | React.ReactNode | (optional) Name shown in the header, e.g. You or the name of the assistant. |
avatar | React.ReactNode | (optional) Decorative avatar shown beside the bubble, e.g. an Avatar with hasLabel. Provide the sender name in the message or its accessible label; the avatar is hidden from screen readers. |
timestamp | React.ReactNode | (optional) Time shown in the header after the name, e.g. 15:23. |
Translations#
| Key | nb-NO | en-GB | sv-SE | da-DK |
|---|---|---|---|---|
loading | Skriver svar … | Writing a reply … | Skriver svar … | Skriver svar … |