Description 描述

import { Description } from '@heroui/react';

<div className="flex flex-col gap-1">
  <Label htmlFor="password">Password</Label>
  <Input id="password" type="password" aria-describedby="password-description" />
  <Description id="password-description">
    至少 8 个字符，且包含一个大写字母
  </Description>
</div>

import {TextField, Label, Input, Description} from '@heroui/react';

<TextField type="email">
  <Label>Email</Label>
  <Input placeholder="Enter your email" />
  <Description>We'll never share your email</Description>
</TextField>

@layer components {
  .description {
    @apply text-muted;
  }
}