cancel

Description

sets the function that closes a dropdown

Type

function

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