@evanminto/headless-signals
v0.5.2
Published
Experimental collection of headless components/hooks, implemented with Preact Signals
Downloads
1
Readme
Headless Signals
Experimental collection of headless components/hooks, implemented with Preact Signals.
Getting Started
Install with NPM...
npm install @evanminto/headless-signals
...or Yarn.
yarn add @evanminto/headless-signals
Then import in your JavaScript using any of the following styles:
// Contains all exports
import { clipboard } from '@evanminto/headless-signals';
// Contains only full-featured headless UI components
import {
reorderableList,
showPassword,
toggleButton,
} from '@evanminto/headless-signals/components';
// Contains only single-responsibility tools/hooks
import {
activeElement,
applyProps,
asyncTask,
browserHistory,
cache,
clipboard,
clock,
deferred,
draggable,
droppable,
eventListener,
focusManagement,
focusTrap,
keyboardListener,
list,
liveSelectors,
mediaQuery,
mousedown,
mutationObserver,
resizeObserver,
toggleValue,
} from '@evanminto/headless-signals/tools';
// Contains Preact bindings for many components/tools
import {
useHeadlessSignals,
useModalControl,
useReorderableList,
} from '@evanminto/headless-signals/preact';
Future Plans
This project is very much a WIP, and I plan on adding more docs in the future.
As the TC39 Signals proposal continues through the standards process, I will hopefully be able to rewrite this library to use TC39 Signals instead.