InputGroupInlineStart() — ui Function Reference

Architecture documentation for the InputGroupInlineStart() function in input-group-inline-start.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ InputGroupInlineStart() — ui Function Reference

Dependency Diagram

graph TD
  4e03b744_23b3_47f8_ed4f_d8ea79b1477b["InputGroupInlineStart()"]
  f138cdaf_35a2_d25c_4cc7_b55922cb7220["input-group-inline-start.tsx"]
  4e03b744_23b3_47f8_ed4f_d8ea79b1477b -->|defined in| f138cdaf_35a2_d25c_4cc7_b55922cb7220
  style 4e03b744_23b3_47f8_ed4f_d8ea79b1477b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/input-group-inline-start.tsx lines 9–22

export function InputGroupInlineStart() {
  return (
    <Field className="max-w-sm">
      <FieldLabel htmlFor="inline-start-input">Input</FieldLabel>
      <InputGroup>
        <InputGroupInput id="inline-start-input" placeholder="Search..." />
        <InputGroupAddon align="inline-start">
          <SearchIcon className="text-muted-foreground" />
        </InputGroupAddon>
      </InputGroup>
      <FieldDescription>Icon positioned at the start.</FieldDescription>
    </Field>
  )
}