InputInputGroup() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ InputInputGroup() — ui Function Reference

Dependency Diagram

graph TD
  9f420936_4b06_bf77_90b7_d464b267421a["InputInputGroup()"]
  c7f88c08_dcd3_9a0c_2928_1b20bc98f2e2["input-input-group.tsx"]
  9f420936_4b06_bf77_90b7_d464b267421a -->|defined in| c7f88c08_dcd3_9a0c_2928_1b20bc98f2e2
  style 9f420936_4b06_bf77_90b7_d464b267421a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/input-input-group.tsx lines 10–25

export function InputInputGroup() {
  return (
    <Field>
      <FieldLabel htmlFor="input-group-url">Website URL</FieldLabel>
      <InputGroup>
        <InputGroupInput id="input-group-url" placeholder="example.com" />
        <InputGroupAddon>
          <InputGroupText>https://</InputGroupText>
        </InputGroupAddon>
        <InputGroupAddon align="inline-end">
          <InfoIcon />
        </InputGroupAddon>
      </InputGroup>
    </Field>
  )
}