@berg-layout/react

This is the React version of berg-layout.

Usage

Usage and demo here.

Documentation

• Panel inputs and outputs here
• Layout inputs and outputs here

Styling

Since berg-layout uses web components, the layout styles are encapsulated in the shadow DOM.

You can still style them, but you need to use the pseudo element ::part() to pierce the encapsulation.

Styling panels

The panels have two ::part()

• part="content" which wraps your content
• part="overflow" which handles overflow and wraps content

To style the content part, use ::part like this:

.berg-panel-top::part(content) {
  padding: 16px;
}