css

Description

Optional. Adds a custom CSS class to the dropdown

Usage

css?: string;

Example

<script>
    import { Dropdown, Calendar } from "@svar-ui/svelte-core";

    let popup;
</script>

{#if popup}
    <Dropdown css="my-dropdown">
        <Calendar value={new Date(2023, 2, 15)} />
    </Dropdown>
{/if}

<style>
    .my-dropdown {
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
</style>

Related article: Styling Dropdown