DialogCloseButtoncomponent

DialogCloseButton({
	children = <XMarkIcon />,
	plain = true,
	className,
	...variants
}: DialogCloseButtonProps): ReactElement
ParamType
variantsDialogCloseButtonProps
Props for <DialogCloseButton> — button styling variants and optional children to override the X icon. required
Return
ReactElement

Button that closes its wrapping <dialog>, showing an X icon by default.

  • Styled with the shared Button classes (positioning comes from the <Dialog>'s own .close wrapper rules).
  • plain by default so only the icon shows until hover or focus — pass plain={false} for a solid button.