InputGroupExample() — ui Function Reference

Architecture documentation for the InputGroupExample() function in input-group-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ InputGroupExample() — ui Function Reference

Dependency Diagram

graph TD
  a4307c39_4b3b_0e81_fc0b_c2ef4bf9eb5f["InputGroupExample()"]
  a740b52a_e6c2_0afa_8096_0716feaa239c["input-group-example.tsx"]
  a4307c39_4b3b_0e81_fc0b_c2ef4bf9eb5f -->|defined in| a740b52a_e6c2_0afa_8096_0716feaa239c
  style a4307c39_4b3b_0e81_fc0b_c2ef4bf9eb5f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/input-group-example.tsx lines 62–76

export default function InputGroupExample() {
  const [country, setCountry] = useState("+1")

  return (
    <ExampleWrapper className="min-w-0">
      <InputGroupBasic />
      <InputGroupWithAddons />
      <InputGroupWithButtons />
      <InputGroupWithTooltip country={country} setCountry={setCountry} />
      <InputGroupWithKbd />
      <InputGroupInCard />
      <InputGroupTextareaExamples />
    </ExampleWrapper>
  )
}