arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-02 21:27:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: uniformize components sizes (#68)

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-16 12:26:29 +02:00
committed by GitHub
parent 78e45600de
commit f302a15972
96 changed files with 1854 additions and 1720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
playground/pages/slider.vue
View File

@@ -14,22 +14,24 @@ const value = ref(50)
<USlider color="green" />
<USlider inverted />
<USlider disabled />
<USlider :min="4" :max="12" :step="2" />
<USlider :min="4" :max="12" :step="2" :model-value="6" />
</div>
<div class="flex flex-col gap-4 w-48">
<USlider :model-value="[0, 10]" />
<USlider :model-value="[0, 10, 30]" />
<USlider :model-value="[0, 30]" :min-steps-between-thumbs="20" />
<USlider :default-value="[0, 10]" />
<USlider :default-value="[0, 20]" />
<USlider :model-value="[0, 20]" />
<USlider :model-value="[0, 20, 80]" />
<USlider :model-value="[0, 80]" :min-steps-between-thumbs="20" />
</div>
<div class="flex items-center gap-4">
<USlider v-for="size in sizes" :key="size" :size="(size as any)" class="w-32" />
<USlider v-for="size in sizes" :key="size" v-model="value" :size="(size as any)" class="w-48" />
</div>
<div class="h-48">
<div class="h-48 flex items-center gap-8">
<USlider :model-value="[0, 20, 80]" orientation="vertical" />
<USlider v-model="value" orientation="vertical" />
<USlider :model-value="[0, 80]" :min-steps-between-thumbs="20" orientation="vertical" />
</div>
</div>
</template>