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
  1f247eb1_fafe_74cb_024d_5d4284cd4aa3["InputGroupInlineStart()"]
  82980e2d_b500_b4bf_a537_5d7e91ea201d["input-group-inline-start.tsx"]
  1f247eb1_fafe_74cb_024d_5d4284cd4aa3 -->|defined in| 82980e2d_b500_b4bf_a537_5d7e91ea201d
  style 1f247eb1_fafe_74cb_024d_5d4284cd4aa3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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