@create-figma-plugin/ui/lib/hooks/use-focus-trap/stories/use-focus-trap.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 { useFocusTrap } from '../use-focus-trap.js';
export default { title: 'Hooks/Use Focus Trap' };
export const UseFocusTrap = function () {
    const [value, setValue] = useState('Text');
    useFocusTrap();
    function handleClick(event) {
        console.log(event);
    }
    return (h(Fragment, null,
        h(Textbox, { onValueInput: setValue, value: value }),
        h(VerticalSpace, { space: "small" }),
        h(Button, { fullWidth: true, onClick: handleClick }, "Submit")));
};
//# sourceMappingURL=use-focus-trap.stories.js.map