Поле формы

FormField оборачивает любой элемент управления (Input, Textarea, Select или нативное поле), связывает его с Label через htmlFor/id, добавляет aria-invalid и aria-describedby при ошибке — не теряя уже переданный потребителем aria-describedby — и поддерживает вертикальную и горизонтальную раскладку.

Пример

Интерактивный пример

Поиск компонентов

Поиск по названию и описанию компонента.

Использование

Импортируйте компонент из публичной точки входа пакета.

import { FormField, Input } from "denjs-ui";

export function Example() {
  return (
    <FormField
      label="Workspace name"
      hint="Visible to everyone with access to this workspace."
      control={<Input placeholder="Acme, Inc." />}
    />
  );
}