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
  55412750_cc43_df2a_4e0c_a290c7ae8202["InputInputGroup()"]
  4260c7c6_a2e9_9917_1631_7edf8a2bb640["input-input-group.tsx"]
  55412750_cc43_df2a_4e0c_a290c7ae8202 -->|defined in| 4260c7c6_a2e9_9917_1631_7edf8a2bb640
  style 55412750_cc43_df2a_4e0c_a290c7ae8202 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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