For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/en/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/en/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/en/components/label.md.
A3S UI
  • English
  • next

      • Label

      Label gives a form control a persistent, clickable name so its meaning remains clear after placeholder text disappears.

      Wrapped control
      Association and required

      Shown next to the control, not only as placeholder text.

      Disabled presentation keeps the label readable without fake semantics.

      Usage

      Include CSS

      Import Tailwind and one full A3S UI style bundle.

      @import "tailwindcss";
@import "@a3s-lab/ui/a3s.css";

      Or import only the base CSS, Label component CSS, and one style pack.

      @import "tailwindcss";
@import "@a3s-lab/ui/base.css";
@import "@a3s-lab/ui/components/label.css";
@import "@a3s-lab/ui/styles/a3s.css";

      Using CDN or bundler imports? See the Installation page.

      Add your label HTML

      Add class="label" to a <label> element.

      <label class="label" for="email">Your email address</label>

      Examples

      RTL

      Add dir="rtl" to the label or an ancestor.

      Live preview