cancel
Description
Sets the function that closes a dropdownUsage
oncancel?: (ev: MouseEvent) => void;
Parameters
- ev - (object) a native HTML event object associated with the cancel action
Example
import { useState } from "react";
import { Dropdown, Calendar, Text } from "@svar-ui/react-core";
export default function Example() {
const [popup, setPopup] = useState(false);
function oncancel() {
setPopup(false);
}
return (
<div className="datepicker" onClick={() => setPopup(true)}>
<Text />
{popup && (
<Dropdown oncancel={oncancel} position="top">
<Calendar value={new Date(2023, 2, 15)} />
</Dropdown>
)}
</div>
);
}
.datepicker {
position: relative;
width: 300px;
}
Related article: Showing/hiding Dropdown