InputGroup

Wraps an input with leading and trailing adornments.

InputGroupProps packages/core/src/form-controls.ts:148 ↗

Import

import { InputGroup } from "@tarve/core";

Usage

InputGroup.tsx

import { Icon, Input, InputGroup, Kbd } from "@tarve/core";

<InputGroup prefix={<Icon name="search" />} suffix={<Kbd>/</Kbd>}>
  <Input placeholder="Search files" />
</InputGroup>

Props

Prop	Type	Default
`disabled`	`boolean`	—
`prefix`	`Child`	—
`suffix`	`Child`	—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle