InputButtonGroup() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ InputButtonGroup() — ui Function Reference

Dependency Diagram

graph TD
  4c19c9fd_346d_97a1_ad34_6f90b19412ba["InputButtonGroup()"]
  bc4b8fe1_ff9b_a20e_f0f5_330025105cc1["input-button-group.tsx"]
  4c19c9fd_346d_97a1_ad34_6f90b19412ba -->|defined in| bc4b8fe1_ff9b_a20e_f0f5_330025105cc1
  style 4c19c9fd_346d_97a1_ad34_6f90b19412ba fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/input-button-group.tsx lines 6–16

export function InputButtonGroup() {
  return (
    <Field>
      <FieldLabel htmlFor="input-button-group">Search</FieldLabel>
      <ButtonGroup>
        <Input id="input-button-group" placeholder="Type to search..." />
        <Button variant="outline">Search</Button>
      </ButtonGroup>
    </Field>
  )
}