# Input Group

An input with start/end elements such as icons or counters.

Group: Forms

## Import

```tsx
import { InputGroup } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function InputGroupDemo() {
  return (
    <InputGroup maxW="sm" startElement="🔍" endElement={<Text fontSize="xs">12 results</Text>}>
      <Input placeholder="Search…" />
    </InputGroup>
  )
}
```