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
Attribute | Type | Description | Default |
---|---|---|---|
children | Displays popconfirm triggering text | - | |
wrapperClassName | string | Classname for the popconfirm trigger | - |
title | string | Content of the popconfirm | - |
description | string | Optional description of the popconfirm | - |
icon | ReactElement | Optional icon for the popconfirm | - |
yesButton | ReactElement | Action button for the popconfirm | - |
noButton | ReactElement | Action button for the popconfirm | - |
position | toptopLefttopRightleftbottombottomLeftbottombottomRight | Position of the popconfirm | top |
responsive | boolean | Whether the popconfirm is responsive | true |
caret | boolean | Whether to show the caret | true |
maxWidth | string | Maximum width of the popconfirm | 250px |
bodyClassName | string | Classname for the popconfirm | - |
caretColor | string | Color of the caret | - |