Halo Field

Renders a form field layout with label, description, error, and content areas. It organizes form elements in a structured way for input and text area components. Use it to create consistent form fields in a React application.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/halo-field

npx layro-cli add @nolly-studio/halo-field

npx layro-cli add @nolly-studio/halo-field

bunx layro-cli add @nolly-studio/halo-field

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client"

/**
 * Form field layout aligned with shadcn `Field` — label, description, error, and control
 * slots for {@link HaloInput} / {@link HaloTextarea} (general-purpose; not tied to
 * search or composer).
 */
import type { ComponentProps } from "react"

import { cn } from "@/lib/utils"
import {
  Field,
  FieldContent,
  FieldDescription,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 4, 2026
First release.

Similar components