Skip to content
This repository has been archived by the owner on Sep 30, 2024. It is now read-only.

Commit

Permalink
feat(AutoComplete): add some missing props
Browse files Browse the repository at this point in the history
  • Loading branch information
@lukicenturi
lukicenturi committed May 24, 2024
1 parent 1aa5495 commit dbdc232
Show file tree
Hide file tree
Showing 8 changed files with 320 additions and 52 deletions.
3 changes: 3 additions & 0 deletions example/src/views/AutoCompleteView.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -181,19 +181,22 @@ const autoCompletePrimitive = ref<AutoCompleteProps<string>[]>([
},
{
value: [],
chips: true,
variant: 'outlined',
label: 'Multiple',
options: primitiveOptions,
},
{
value: [],
chips: true,
dense: true,
variant: 'outlined',
label: 'Multiple',
options: primitiveOptions,
},
{
value: [],
chips: true,
dense: true,
disabled: true,
variant: 'outlined',
Expand Down
173 changes: 171 additions & 2 deletions example/src/views/ChipView.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,12 @@ import { type ChipProps, RuiChip } from '@rotki/ui-library-compat';
const dismissed = ref<Record<string | number, number>>({});
const chips = ref<ChipProps[]>([
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -42,6 +48,12 @@ const chips = ref<ChipProps[]>([
variant: 'filled',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'filled',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -78,6 +90,12 @@ const chips = ref<ChipProps[]>([
variant: 'filled',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -114,6 +132,13 @@ const chips = ref<ChipProps[]>([
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: false,
tile: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -157,6 +182,14 @@ const chips = ref<ChipProps[]>([
tile: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: false,
tile: true,
clickable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -205,6 +238,13 @@ const chips = ref<ChipProps[]>([
tile: true,
clickable: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -247,6 +287,13 @@ const chips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'filled',
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -289,6 +336,12 @@ const chips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -325,6 +378,12 @@ const chips = ref<ChipProps[]>([
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -361,6 +420,12 @@ const chips = ref<ChipProps[]>([
variant: 'outlined',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'outlined',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -397,6 +462,12 @@ const chips = ref<ChipProps[]>([
variant: 'outlined',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -433,6 +504,13 @@ const chips = ref<ChipProps[]>([
variant: 'outlined',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -475,6 +553,13 @@ const chips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'outlined',
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -517,6 +602,12 @@ const chips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -556,6 +647,12 @@ const chips = ref<ChipProps[]>([
]);
const prependChips = ref<ChipProps[]>([
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -592,6 +689,12 @@ const prependChips = ref<ChipProps[]>([
variant: 'filled',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'filled',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -628,6 +731,12 @@ const prependChips = ref<ChipProps[]>([
variant: 'filled',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -664,6 +773,13 @@ const prependChips = ref<ChipProps[]>([
variant: 'filled',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -706,6 +822,13 @@ const prependChips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'filled',
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -748,6 +871,13 @@ const prependChips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'filled',
size: 'sm',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -790,6 +920,12 @@ const prependChips = ref<ChipProps[]>([
size: 'sm',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -826,6 +962,12 @@ const prependChips = ref<ChipProps[]>([
variant: 'outlined',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'outlined',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -862,6 +1004,12 @@ const prependChips = ref<ChipProps[]>([
variant: 'outlined',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -898,6 +1046,13 @@ const prependChips = ref<ChipProps[]>([
variant: 'outlined',
closeable: false,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -940,6 +1095,13 @@ const prependChips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'grey',
variant: 'outlined',
size: 'sm',
closeable: true,
},
{
disabled: true,
color: 'primary',
Expand Down Expand Up @@ -982,6 +1144,13 @@ const prependChips = ref<ChipProps[]>([
size: 'sm',
closeable: true,
},
{
disabled: false,
color: 'grey',
variant: 'outlined',
size: 'sm',
closeable: false,
},
{
disabled: false,
color: 'primary',
Expand Down Expand Up @@ -1045,7 +1214,7 @@ function onRemove(identifier: number | string) {
>
Chips
</h2>
<div class="grid gap-6 grid-cols-6">
<div class="grid gap-6 grid-cols-7">
<div
v-for="(chip, i) in chips"
:key="i"
Expand All @@ -1068,7 +1237,7 @@ function onRemove(identifier: number | string) {
>
Chips with Prepend
</h2>
<div class="grid gap-6 grid-cols-6">
<div class="grid gap-6 grid-cols-7">
<div
v-for="(chip, i) in prependChips"
:key="i"
Expand Down
Loading

0 comments on commit dbdc232

Please sign in to comment.