Hint

A component for displaying helper text or validation messages.

Examples

We'll never share your email with anyone else.

Password

Password must be at least 8 characters.

Username

Username is available.

Usage

Code Example

import { Hint } from "cephalopod-design-system"

<div className="space-y-1">
  <Label>Email</Label>
  <Input />
  <Hint>Helper text goes here.</Hint>
</div>

<Hint variant="error">Error message.</Hint>
<Hint variant="success">Success message.</Hint>