Layout.panel
Server-rendered
A bordered surface with card-like styling but no inner padding or gap, for flexible layouts where the caller controls spacing.
Panel with custom content
Notifications
- New deployment completed
- Invite accepted by teammate
<.panel class="max-w-md">
<div class="p-4 border-b">
<h3 class="text-sm font-medium">Notifications</h3>
</div>
<ul class="divide-y">
<li class="px-4 py-3 text-sm">New deployment completed</li>
<li class="px-4 py-3 text-sm">Invite accepted by teammate</li>
</ul>
</.panel>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
rest
|
:global |
— | — | — |
Slots
| Slot | Slot Attributes |
|---|---|
inner_block
Required
|
— |