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
  ca969cb8_9b76_610f_55d2_bd0477d5b7bc["InputRequired()"]
  d573f909_45a8_d15c_9d00_4747a926a123["input-required.tsx"]
  ca969cb8_9b76_610f_55d2_bd0477d5b7bc -->|defined in| d573f909_45a8_d15c_9d00_4747a926a123
  style ca969cb8_9b76_610f_55d2_bd0477d5b7bc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}