Functions

Storage

• use_local_storage – Reactive LocalStorage.
• use_session_storage – Reactive SessionStorage.
• use_storage – Reactive Storage.

Elements

• use_active_element – Reactive document.activeElement
• use_document – SSR safe document().
• use_document_visibility – Reactively track document.visibilityState
• use_draggable – Make elements draggable.
• use_drop_zone – Create a zone where files can be dropped.
• use_element_bounding – Reactive bounding box of an HTML element
• use_element_size – Reactive size of an HTML element.
• use_element_visibility – Tracks the visibility of an element within the viewport.
• use_intersection_observer – Reactive IntersectionObserver.
• use_mouse_in_element – Reactive mouse position related to an element.
• use_mutation_observer – Reactive MutationObserver.
• use_resize_observer – Reports changes to the dimensions of an Element's content or the border-box.
• use_window – SSR safe window().
• use_window_focus – Reactively track window focus
• use_window_scroll – Reactive window scroll.
• use_window_size – Reactive window size.

Browser

• use_breakpoints – Reactive viewport breakpoints.
• use_broadcast_channel – Reactive BroadcastChannel API.
• use_clipboard – Reactive Clipboard API.
• use_color_mode – Reactive color mode (dark / light / customs) with auto data persistence.
• use_cookie – SSR-friendly and reactive cookie access.
• use_css_var – Manipulate CSS variables.
• use_display_media – Reactive mediaDevices.getDisplayMedia streaming.
• use_event_listener – Use EventListener with ease.
• use_favicon – Reactive favicon.
• use_media_query – Reactive Media Query.
• use_permission – Reactive Permissions API.
• use_preferred_contrast – Reactive prefers-contrast media query.
• use_preferred_dark – Reactive dark theme preference.
• use_prefers_reduced_motion – Reactive reduced motions preference.
• use_service_worker – Reactive ServiceWorker API.
• use_textarea_autosize – Automatically update the height of a textarea depending on the content.
• use_user_media – Reactive mediaDevices.getUserMedia streaming.
• use_web_lock – Rustified Web Locks API.
• use_web_notification – Reactive Notification API.

Intl

• use_intl_number_format – Reactive Intl.NumberFormat.
• use_locale – Reactive locale matching.
• use_locales – Reactive locales.

Sensors

• on_click_outside – Listen for clicks outside of an element.
• use_device_orientation – Reactive DeviceOrientationEvent.
• use_device_pixel_ratio – Reactive window.devicePixelRatio
• use_element_hover – Reactive element's hover state.
• use_geolocation – Reactive Geolocation API.
• use_idle – ///
• use_infinite_scroll – Infinite scrolling of the element.
• use_mouse – Reactive mouse position
• use_scroll – We have to check if the scroll amount is close enough to some threshold in order to

Network

• use_event_source – Reactive EventSource
• use_websocket – Creating and managing a Websocket connection.

Animation

• use_interval – Reactive counter increases on every interval.
• use_interval_fn – Wrapper for set_interval with controls.
• use_raf_fn – Call function on every requestAnimationFrame.
• use_timeout_fn – Wrapper for setTimeout with controls.
• use_timestamp – Reactive current timestamp.

Watch

• watch_debounced – A debounced version of [watch].
• watch_pausable – Pausable [watch].
• watch_throttled – A throttled version of leptos::watch.
• watch_with_options – A version of leptos::watch but with additional options.
• whenever – Shorthand for watching a signal to be true.

Utilities

Math

• use_abs – Reactive abs().
• use_and – Reactive AND condition.
• use_ceil – Reactive ceil().
• use_floor – Reactive floor().
• use_max – Reactive max().
• use_min – Reactive min().
• use_not – Reactive NOT condition.
• use_or – Reactive OR condition.
• use_round – Reactive round().