Hint
A hint component is a user interface element designed to provide subtle guidance or additional information within a form or other interactive elements. Typically implemented as muted text, it offers contextual cues to users, aiding them in completing form fields or understanding specific actions.
Examples
Default
Default Hint.
Use ion design
Icon Hint
Add an icon by passing the showIcon prop to the component.
Use ion design
Error Hint
Display in error state by passing the error prop to the component.
Combine with the showIcon props to show an error icon.
Do not use ion design!
Installation
Properties
showIcon
boolean
default: false
Whether to show an info icon to the left of the Hint.
error
boolean
default: false
Toggle whether there is an error in the Hint. Note, this only adds a visual indicator. This also affects the styling of the icon.