H
preetsuthar17
/
HextaUI
/
hooks
Files
Code
Info
useAutosize
use-autosize
Grows a textarea with what you write between its minimum and maximum height, animating each change without ever touching the text.
useButtonFeedback
use-button-feedback
Runs an async action through loading, success and error, skipping the spinner for fast requests and holding an error while you read it.
useComposedRef
use-composed-ref
Keeps a ref to your own element while still forwarding it to whatever ref the parent passed in.
useDelayedLoading
use-delayed-loading
Shows a loading state only when work is actually slow, then keeps it up long enough that it never flickers.
useHeldKeys
use-held-keys
The keys someone is holding down right now, shared by every subscriber through a single set of window listeners.
useInvalidShake
use-invalid-shake
Shakes a form control when a submit attempt finds it invalid, and never while someone is still typing.
useMergedRef
use-merged-ref
Combines any number of callback and object refs into one, with React 19 ref cleanup for each of them.
usePagination
use-pagination
Turns a page and a page count into the list of pages and ellipses to render, keeping its length steady as the page moves.
useToday
use-today
Today's date that rolls over at midnight and when the tab comes back, without a hydration mismatch.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
useAutosize
use-autosize
Grows a textarea with what you write between its minimum and maximum height, animating each change without ever touching the text.
useButtonFeedback
use-button-feedback
Runs an async action through loading, success and error, skipping the spinner for fast requests and holding an error while you read it.
useComposedRef
use-composed-ref
Keeps a ref to your own element while still forwarding it to whatever ref the parent passed in.
useDelayedLoading
use-delayed-loading
Shows a loading state only when work is actually slow, then keeps it up long enough that it never flickers.
useHeldKeys
use-held-keys
The keys someone is holding down right now, shared by every subscriber through a single set of window listeners.
useInvalidShake
use-invalid-shake
Shakes a form control when a submit attempt finds it invalid, and never while someone is still typing.
useMergedRef
use-merged-ref
Combines any number of callback and object refs into one, with React 19 ref cleanup for each of them.
usePagination
use-pagination
Turns a page and a page count into the list of pages and ellipses to render, keeping its length steady as the page moves.
useToday
use-today
Today's date that rolls over at midnight and when the tab comes back, without a hydration mismatch.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information