Hint

The Hint component provides contextual help or additional information to users, typically displayed as a small tooltip or inline text. It enhances user experience by offering guidance, clarifications, or suggestions without cluttering the main interface. This component is ideal for forms, instructional content, and any area where users might need extra assistance.

Source @welcome-ui/hint

Overview Props

import * as React from 'react'
import { Hint } from '@welcome-ui/hint'

const Example = () => {
  return <Hint>default</Hint>
}

export default Example

Installation

Run the following command:

yarn add @welcome-ui/hint

Import component:

import { Hint } from '@welcome-ui/hint'

Examples

Variants

File upload Input text