@yandex/ui/esm/withDebounceInput/examples/default.examples.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { withDebounceInput } from '@yandex-lego/components/withDebounceInput';
import { Textinput } from '@yandex-lego/components/Textinput/Textinput.bundle/desktop';
var DebouncedInput = withDebounceInput(Textinput);
export var Default = function () {
    var _a = __read(useState(''), 2), value = _a[0], setValue = _a[1];
    return (React.createElement(React.Fragment, null,
        React.createElement(DebouncedInput, { value: value, onChange: function (e) { return setValue(e.target.value); }, debounceTimeout: 100, view: "default", size: "m" }),
        " ",
        React.createElement("br", null),
        " ",
        React.createElement("br", null),
        React.createElement("b", null, "Value:"),
        " ",
        value));
};