The Inset Text component is a content tool to differentiate a block of text from the content that surrounds it.
- Providing additional information or explanations
- Including tips, recommendation or any advice
- Highlighting important information within a larger body of text
- Flagging up exceptions to guidance, or when there's alternative guidance for certain cases
This component should only be used to include any information that wouldn't be suited in the main body of a text or page.
Inset Text component has two variants:
positive- This variant can be used to display a positive or neutral message.
negative- for showing negative messaging.
variant: 'positive' | 'negative'