Components / Layout

Panel

A card with a titled header, actions, and optional collapsing. Formerly Section, which remains as a deprecated alias.

@ruckc/truss-ui Layout

Import

import { Panel } from '@ruckc/truss-ui';

Playground

API

Prop	Type	Default	Description
title required	string	—	Heading text.
subtitle	string	—	Secondary text under the title.
icon	IconSource	—	Name of a built-in icon to show.
collapsible	boolean	false	Let the header collapse and expand the body.
open bindable	boolean	true	Whether it is open. Bind it with `bind:open`.
actions snippet	Snippet	—	Right-aligned header controls.
children required snippet	Snippet	—	Content, as a Svelte snippet.