@manta-eu/react/sheet

Type Aliases

SheetContentProps

SheetContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & object & ({ side?: Extract<SheetSide, "left" | "right">; size?: SheetSize; } | { side: Exclude<SheetSide, "left" | "right">; size?: never; })

Type Declaration

showClose?

optional showClose?: boolean

---

SheetSide

SheetSide = NonNullable<VariantPropsOf<typeof sheetContentConfig>["side"]>

---

SheetSize

SheetSize = typeof sheetSizes[number]

Variables

Sheet

const Sheet: (props) => Element = Dialog

Parameters

props

DialogProps

Returns

Element

---

SheetClose

const SheetClose: (props) => Element = DialogClose

Parameters

props

DialogCloseProps & RefAttributes<HTMLButtonElement>

Returns

Element

---

SheetContent

const SheetContent: ForwardRefExoticComponent<SheetContentProps & RefAttributes<HTMLDivElement>>

---

sheetContentConfig

const sheetContentConfig: object

Type Declaration

base

base: string[]

defaultVariants

defaultVariants: object

defaultVariants.side

readonly side: "right" = "right"

variants

variants: object

variants.side

side: object

variants.side.bottom

bottom: string[]

variants.side.center

center: string[]

variants.side.left

left: string[]

variants.side.right

right: string[]

variants.side.top

top: string[]

---

SheetDescription

const SheetDescription: ForwardRefExoticComponent<Omit<Omit<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>, "ref"> & RefAttributes<HTMLParagraphElement>, "ref"> & RefAttributes<HTMLParagraphElement>>

---

SheetOverlay

const SheetOverlay: ForwardRefExoticComponent<Omit<DialogOverlayProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>> = DialogOverlay

---

SheetPortal

const SheetPortal: (props) => Element = DialogPortal

Parameters

props

DialogPortalProps

Returns

Element

---

sheetSizes

const sheetSizes: readonly ["sm", "md", "lg"]

---

SheetTitle

const SheetTitle: ForwardRefExoticComponent<Omit<Omit<DialogTitleProps & RefAttributes<HTMLHeadingElement>, "ref"> & object & RefAttributes<HTMLHeadingElement>, "ref"> & RefAttributes<HTMLHeadingElement>>

---

SheetTrigger

const SheetTrigger: (props) => Element = DialogTrigger

Parameters

props

DialogTriggerProps & RefAttributes<HTMLButtonElement>

Returns

Element

Functions

SheetBody()

SheetBody(__namedParameters): Element

Parameters

__namedParameters

DetailedHTMLProps<HTMLAttributes<HTMLDivElement>>

Returns

Element

---

SheetFooter()

SheetFooter(__namedParameters): Element

Parameters

__namedParameters

DetailedHTMLProps<HTMLAttributes<HTMLDivElement>>

Returns

Element

---

SheetHeader()

SheetHeader(__namedParameters): Element

Parameters

__namedParameters

DetailedHTMLProps<HTMLAttributes<HTMLDivElement>>

Returns

Element