5fde3c53b8
* Switch to composition API, Add custom names * Update package.json * Update DropdownSelect.vue
42 lines
1.1 KiB
Markdown
42 lines
1.1 KiB
Markdown
# Dropdown
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
|
|
const value = ref(null)
|
|
</script>
|
|
|
|
<DemoContainer>
|
|
<DropdownSelect
|
|
v-model="value"
|
|
:options="['Daily', 'Weekly', 'Monthly', 'Tomorrow', 'Yesterday', 'Today', 'Biweekly', 'Tuesday', 'January']"
|
|
placeholder="Choose Frequency"
|
|
/>
|
|
<DropdownSelect
|
|
v-model="value"
|
|
:options="['Daily', 'Weekly', 'Monthly', 'Tomorrow', 'Yesterday', 'Today', 'Biweekly', 'Tuesday', 'January']"
|
|
placeholder="Choose Frequency"
|
|
render-up
|
|
/>
|
|
<DropdownSelect
|
|
v-model="value"
|
|
:options="['Daily', 'Weekly', 'Monthly', 'Tomorrow', 'Yesterday', 'Today', 'Biweekly', 'Tuesday', 'January']"
|
|
placeholder="Choose Frequency"
|
|
disabled
|
|
/>
|
|
<DropdownSelect
|
|
v-model="value"
|
|
:options="['Daily', 'Weekly', 'Monthly', 'Tomorrow', 'Yesterday', 'Today', 'Biweekly', 'Tuesday', 'January']"
|
|
placeholder="Choose Frequency"
|
|
:display-name="(name) => name?.toUpperCase()"
|
|
/>
|
|
</DemoContainer>
|
|
|
|
```vue
|
|
<DropdownSelect
|
|
v-model="value"
|
|
:options="['Daily', 'Weekly', 'Monthly', 'Tomorrow', 'Yesterday', 'Today', 'Biweekly', 'Tuesday', 'January']"
|
|
placeholder="Choose Frequency"
|
|
render-up
|
|
/>
|
|
```
|