InputGroupExample() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ InputGroupExample() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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