css

Description

Optional. Adds a custom CSS class to the dropdown

Usage

css?: string;

Example

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

    const popup = ref(false);
</script>

<template>
  <Dropdown v-if="popup" css="my-dropdown">
      <Calendar :value="new Date(2023, 2, 15)" />
  </Dropdown>
</template>

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

Related article: Styling Dropdown