chore: Remove older UI (#11720)
This commit is contained in:
@@ -15,14 +15,14 @@ const selectedValue = ref('');
|
||||
<template>
|
||||
<Story title="Components/ComboBox" :layout="{ type: 'grid', width: '300px' }">
|
||||
<Variant title="Default">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<ComboBox v-model="selectedValue" :options="options" />
|
||||
<p class="mt-2">Selected value: {{ selectedValue }}</p>
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="Disabled">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<ComboBox :options="options" disabled />
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
@@ -69,7 +69,7 @@ defineExpose({
|
||||
:value="searchValue"
|
||||
type="search"
|
||||
:placeholder="searchPlaceholder || t('COMBOBOX.SEARCH_PLACEHOLDER')"
|
||||
class="reset-base w-full py-2 pl-10 pr-2 text-sm focus:outline-none border-none rounded-t-md bg-n-solid-1 text-slate-900 dark:text-slate-50"
|
||||
class="reset-base w-full py-2 pl-10 pr-2 text-sm focus:outline-none border-none rounded-t-md bg-n-solid-1 text-n-slate-12"
|
||||
@input="onInputSearch"
|
||||
/>
|
||||
</div>
|
||||
@@ -102,10 +102,7 @@ defineExpose({
|
||||
class="flex-shrink-0 i-lucide-check size-4 text-n-slate-11"
|
||||
/>
|
||||
</li>
|
||||
<li
|
||||
v-if="options.length === 0"
|
||||
class="px-3 py-2 text-sm text-slate-600 dark:text-slate-300"
|
||||
>
|
||||
<li v-if="options.length === 0" class="px-3 py-2 text-sm text-n-slate-11">
|
||||
{{ emptyState || t('COMBOBOX.EMPTY_STATE') }}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -20,14 +20,14 @@ const preselectedValues = ref([1, 2]);
|
||||
:layout="{ type: 'grid', width: '300px' }"
|
||||
>
|
||||
<Variant title="Default">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<TagMultiSelectComboBox v-model="selectedValues" :options="options" />
|
||||
<p class="mt-2">Selected values: {{ selectedValues }}</p>
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="With Preselected Values">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<TagMultiSelectComboBox
|
||||
v-model="preselectedValues"
|
||||
:options="options"
|
||||
@@ -37,13 +37,13 @@ const preselectedValues = ref([1, 2]);
|
||||
</Variant>
|
||||
|
||||
<Variant title="Disabled">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<TagMultiSelectComboBox :options="options" disabled />
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="With Error">
|
||||
<div class="w-full p-4 bg-white h-80 dark:bg-slate-900">
|
||||
<div class="w-full p-4 bg-n-background h-80">
|
||||
<TagMultiSelectComboBox
|
||||
:options="options"
|
||||
has-error
|
||||
|
||||
Reference in New Issue
Block a user