calcite-panel

Basic Panel

panel header

Slotted content

With Footer

panel 2 header

I have a footer.

panel Footer

With Header Actions

panel 3 header

Buttons in the top left and right. Mainly for calcite-actions and not plain buttons.

Dismissible Panel

Dismissible panel header

Click the X and I go away

Scrolling Panel

panel header

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content. High zIndex content.

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

Slotted content

RTL

Basic Panel

panel header

Slotted content

With Header Actions

panel 3 header

Button positions are reversed!

Dismissible Panel

Dismissible panel header

X position reversed!