ButtonGroupInput() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ButtonGroupInput() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/base/button-group-input.tsx lines 6–15

export default function ButtonGroupInput() {
  return (
    <ButtonGroup>
      <Input placeholder="Search..." />
      <Button variant="outline" aria-label="Search">
        <SearchIcon />
      </Button>
    </ButtonGroup>
  )
}