Skip to content

Function ShopDialog

ShopDialog(
    __namedParameters: {
        children: ReactNode;
        closeLabel: string;
        onClose: () => void;
        title: string;
        variant?: "sheet" | "drawer";
    },
): Element
Render a native modal drawer or sheet with a host close action.
Parameters
- __namedParameters: {
      children: ReactNode;
      closeLabel: string;
      onClose: () => void;
      title: string;
      variant?: "sheet" | "drawer";
  }
  - children: ReactNode
    
    Host-supplied child content.
  - closeLabel: string
    
    Accessible close button label.
  - onClose: () => void
    
    Close the modal in host state.
  - title: string
    
    Customer-visible heading or title supplied by the host.
  - Optionalvariant?: "sheet" | "drawer"
    
    Modal presentation variant.
    
    Default Value
    "drawer"
Returns Element