ButtonGroupInput() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ButtonGroupInput() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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