v14.0.8


inputs

Input group

Decorate inputs with other elements to create a single field

Features

  • Keyboard accessible
  • Works with any inputs and buttons
  • Themes ready

Anatomy

import { InputGroup } from "@wonderflow/react-components";
export default () => {
return <InputGroup prefix="" input="" suffix="" />;
};

tsx

API Reference

PROPERTY
TYPE
DEFAULT
input
ReactNode
prefix
ReactNode
suffix
ReactNode
label
ReactNode
dimension
enum
"regular"

Accessibility

Keyboard interactions

NameDescription
tabMove focus on the elements inside the composition

Created by Wonderflow Design Team for Wonderflow.

© Wonderflow 2024