@create-figma-plugin/ui/lib/hooks/use-initial-focus/stories/use-initial-focus.stories.js

Production-grade Preact components that replicate the Figma UI design

import { Fragment, h } from 'preact';
import { useState } from 'preact/hooks';
import { Button } from '../../../components/button/button.js';
import { Textbox } from '../../../components/textbox/textbox/textbox.js';
import { VerticalSpace } from '../../../layout/vertical-space/vertical-space.js';
import { useInitialFocus } from '../use-initial-focus.js';
export default { title: 'Hooks/Use Initial Focus' };
export const UseInitialFocus = function () {
    const [value, setValue] = useState('Text');
    const initialFocus = useInitialFocus();
    function handleClick(event) {
        console.log(event);
    }
    return (h(Fragment, null,
        h(Textbox, { ...initialFocus, onValueInput: setValue, value: value }),
        h(VerticalSpace, { space: "small" }),
        h(Button, { fullWidth: true, onClick: handleClick }, "Submit")));
};
//# sourceMappingURL=use-initial-focus.stories.js.map