InputRequired() — ui Function Reference

Architecture documentation for the InputRequired() function in input-required.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ InputRequired() — ui Function Reference

Dependency Diagram

graph TD
  8e1aa671_1c63_cd04_4429_13e77d12304d["InputRequired()"]
  bc3aa8d9_a026_a98e_d958_068339167dd8["input-required.tsx"]
  8e1aa671_1c63_cd04_4429_13e77d12304d -->|defined in| bc3aa8d9_a026_a98e_d958_068339167dd8
  style 8e1aa671_1c63_cd04_4429_13e77d12304d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/input-required.tsx lines 4–18

export function InputRequired() {
  return (
    <Field>
      <FieldLabel htmlFor="input-required">
        Required Field <span className="text-destructive">*</span>
      </FieldLabel>
      <Input
        id="input-required"
        placeholder="This field is required"
        required
      />
      <FieldDescription>This field must be filled out.</FieldDescription>
    </Field>
  )
}