@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 for example, style content, use ::part

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