Ai.Info#

Experimental: The AI extension and its component APIs may change in the future. Please give us feedback on your experience with them.

Import#

import { Info } from '@dnb/eufemia/extensions/ai'
import '@dnb/eufemia/extensions/ai/style'

render(<Info>Learn how this assistant works.</Info>)

Description#

Ai.Info shows supporting information that helps users understand the conversation, such as how the chat works, privacy guidance, or the limitations of AI-generated answers.

Place it near the content it explains, for example before the first message in a Conversation. It accepts paragraphs, links, and other content, using smaller text and a secondary text color.

This is static supporting content. Use FormStatus for errors or other status messages that require attention.

Demos#

Info#

<Info>
  <P>
    Aino is a chatbot for customer service. Do not share personal
    information with the chatbot. Read more about{' '}
    <Anchor href="https://www.dnb.no/personvern">your privacy</Anchor>.
  </P>
  <P top>
    Some answers are generated with artificial intelligence and are marked
    with a tag. AI-generated answers can contain errors.
  </P>
</Info>