Askr documentation
Generated API snapshot

@askrjs/themes/sheet

Exports from the declarations published in @askrjs/themes. Signatures reflect the published artifact.

Exports

This entrypoint publishes 10 exports. Use the anchored symbol rows for direct links. Type-only exports are labeled separately from runtime values.

Sheettype

Dialog: (props: DialogProps) => JSX.Element

Coordinates the Dialog trigger, portal, overlay, and content.

```tsx
<Dialog>
  <DialogTrigger>Open dialog</DialogTrigger>
  <DialogPortal>
    <DialogOverlay />
    <DialogContent>Confirm action</DialogContent>
  </DialogPortal>
</Dialog>
```

SheetClosetype

DialogClose: { (props: DialogCloseProps): JSX.Element; (props: DialogCloseAsChildProps): JSX.Element; }

Renders the dialog-close part of dialog. Supports polymorphic rendering via asChild.

SheetContenttype

SheetContent: (props: CatalogComponentProps & { side?: "top" | "right" | "bottom" | "left"; }) => JSX.Element

Sheet variant of the dialog content part; defaults to sliding in from the right.

SheetDescriptiontype

SheetDescription: (props: CatalogComponentProps) => JSX.Element

Sheet variant of the dialog description part.

SheetHeadertype

SheetHeader: (props: CatalogComponentProps) => JSX.Element

Renders the sheet-header part of the shadcn-compatible catalog primitives.

SheetOverlaytype

DialogOverlay: { (props: DialogOverlayProps): JSX.Element | null; (props: DialogOverlayAsChildProps): JSX.Element | null; }

Renders the dialog-overlay part of dialog. With @askrjs/themes/default, the overlay is fully styled out of the box with the shared backdrop token, blur, stacking, and fade animation. Standard Dialog and AlertDialog usage requires no additional overlay CSS; customize the theme tokens instead of applying a competing background class. Supports polymorphic rendering via asChild.

SheetPortaltype

DialogPortal: (props: DialogPortalProps) => JSX.Element | null

Renders a part of dialog.

SheetTitletype

SheetTitle: (props: CatalogComponentProps) => JSX.Element

Sheet variant of the dialog title part.

SheetTriggertype

DialogTrigger: { (props: DialogTriggerProps): JSX.Element; (props: DialogTriggerAsChildProps): JSX.Element; }

Renders the dialog-trigger part of dialog. Supports polymorphic rendering via asChild.