# Combo

One field with its one action in a shared well: subscribe, search, add.

Kit part · With the Kit · https://tactileui.dev/parts/combo

> The code and styling for this part come with the Tactile UI Kit, which is in the Founder Pass. Sign in if you have it. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

A flex row with the kit’s recess on the wrapper. The input inside drops its own shadow and background, so the cut reads as one; the key keeps its skirt and sits on the well’s floor.

## Variants

- Search with a plain key
- Add with the contrast key

## States

- Rest
- Focus
- Error

## Props and options

| Name | Kind | Description |
| - | - | - |
| data-error | attribute | Red hairline on the whole well. |
| Enter | keyboard | Put it in a and Enter submits, as native. |

## Usage notes

Focus the field: the whole well takes the ring, not just the input.

## Accessibility

- The input still needs its own name.

## Related parts

- [Field](https://tactileui.dev/parts/field): Text entry in a recess, the label printed above it, and a hint that says how to fix an error.
- [Key](https://tactileui.dev/parts/key): Every button, and every link that acts like one: a cap on a skirt that drops below the plate when pressed.
- [Stepper](https://tactileui.dev/parts/stepper): A small integer with − and + keys either side, in one well.