Skip to content

Styling

.sheet {
background: white;
border-radius: 16px 16px 0 0;
box-shadow: 0 -8px 40px rgb(0 0 0 / 0.16);
}

scrollsheet ships mechanics only (position, transform, scroll-snap, backdrop, focus containment), injected as CSS the first time a sheet opens. The className on Sheet.Content lands on the panel, so style it like any card.