Поле ввода

Input передаёт нативные свойства и ref элемента input, объединяет поле с дополнительными элементами в один control и поддерживает состояния фокуса, ошибки и отключения.

Пример

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

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

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

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

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

import { Input } from "denjs-ui";
import { Search } from "lucide-react";

export function Example() {
  return (
    <Input
      aria-label="Search components"
      type="search"
      placeholder="Search components…"
      leftAddon={<Search aria-hidden="true" />}
      rightAddon={<kbd>⌘ K</kbd>}
    />
  );
}