Components
Popconfirm

Popconfirm

Import

import { VKPopconfirm } from "@vivakits/react-components";

Title

The Popconfirm component can display any title passed to it using the title prop.

Description

The Popconfirm component can display optional description passed to it using the description prop.

Icon

The default icon can be customised using the icon prop.

yesButton, noButton

The action buttons can be adjusted accordingly using yesButton and noButton props.

Position

The Popconfirm component can be positioned in various ways using the position prop.

Responsive

The Popconfirm component can be made responsive using the responsive prop.

Caret

The Popconfirm component allows you to toggle the caret on and off using the caret prop.

Max width

The Popconfirm component can have a maximum width using the maxWidth prop. The popconfirm will not resize beyond this width automatically.

Custom Class

You can customize the Popconfirm using the bodyClassName, caretColor and wrapperClassName prop.

API Reference

AttributeTypeDescriptionDefault
childrenDisplays popconfirm triggering text -
wrapperClassNamestringClassname for the popconfirm trigger -
titlestringContent of the popconfirm -
descriptionstringOptional description of the popconfirm -
iconReactElementOptional icon for the popconfirm -
yesButtonReactElementAction button for the popconfirm -
noButtonReactElementAction button for the popconfirm -
positiontoptopLefttopRightleftbottombottomLeftbottombottomRightPosition of the popconfirmtop
responsivebooleanWhether the popconfirm is responsivetrue
caretbooleanWhether to show the carettrue
maxWidthstringMaximum width of the popconfirm 250px
bodyClassNamestringClassname for the popconfirm -
caretColorstringColor of the caret -