ctify

Side sheets

Side sheets are surfaces containing supplementary content or actions to support tasks as part of a flow. They are typically anchored on the right edge of larger screens like tablets and desktops.

Props

PropsTypeDescriptionDefault
dividerbooleanshow divider in body contentfalse

Sub components

NameDescription
SideSheets.ActivatorThe activator of the side sheets
SideSheets.ContentThe content of the side sheets
SideSheets.HeaderThe header of the side sheets
SideSheets.BodyThe body of the side sheets
SideSheets.ActionThe action of the side sheets

Activator Props

PropsTypeDescriptionDefault
asChildbooleanset true pass any element as the activatorfalse
openbooleanWhether the sheets is open or notfalse
Edit this page on GitHub