### Controlled dialog
Use `visible` prop to control the display of the card.
```jsx live
() => {
const [visible, setVisible] = React.useState(false);
const content = (
);
return (
<>
setVisible(visible)}
trigger="click"
title="Popover Title"
content={content}>
setVisible(visible)}/>
);
};
```