Layers
Layers

Overview

This packages helps managing UI layers. It is primarily used for modals and overlays, but can also come in handy when dealing with multiple nested layers.

npm versionnpm downloadsBundlephobia

Installation

Required dependencies

This package relies on React hooks (new tab) and thus requires version 16.3 or higher.

# npm
npm i --save @weser/layers

# yarn
yarn add @weser/layers

# pnpm
pnpm add @weser/layers

Motivation

Many apps include multiple layers of UI elements. Common examples are modals and overlays. Managing them in a user-friendly, accessible way is not at all straightforward.

This package is often used in combination with the useScrollBlocking and useFocusTrap hooks.

Benefits

Allows you to manage nested UI layers in a simple and intuitive way.

On this page