arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 03:10:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(module)!: implement design system with CSS variables (#2298)

Browse Source
This commit is contained in:
Benjamin Canac
2024-10-07 14:48:02 +02:00
committed by GitHub
parent 3cf5535b2f
commit 9368c6a639
279 changed files with 6533 additions and 6994 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/app/components/content/examples/slideover/SlideoverExample.vue
View File

@@ -13,7 +13,7 @@ defineProps<{
</template>
<template #footer>
<UButton color="gray" label="Close" @click="slideover.close()" />
<UButton color="neutral" label="Close" @click="slideover.close()" />
</template>
</USlideover>
</template>

6
docs/app/components/content/examples/slideover/SlideoverFooterSlotExample.vue
View File

@@ -4,15 +4,15 @@ const open = ref(false)
<template>
<USlideover v-model:open="open" title="Slideover with footer" description="This is useful when you want a form in a Slideover." :ui="{ footer: 'justify-end' }">
<UButton label="Open" color="gray" variant="subtle" />
<UButton label="Open" color="neutral" variant="subtle" />
<template #body>
<Placeholder class="h-full" />
</template>
<template #footer>
<UButton label="Cancel" color="gray" variant="outline" @click="open = false" />
<UButton label="Submit" color="gray" />
<UButton label="Cancel" color="neutral" variant="outline" @click="open = false" />
<UButton label="Submit" color="neutral" />
</template>
</USlideover>
</template>

8
docs/app/components/content/examples/slideover/SlideoverNestedExample.vue
View File

@@ -5,24 +5,24 @@ const second = ref(false)
<template>
<USlideover v-model:open="first" title="First slideover" :ui="{ footer: 'justify-end' }">
<UButton color="gray" variant="subtle" label="Open" />
<UButton color="neutral" variant="subtle" label="Open" />
<template #body>
<Placeholder class="h-full" />
</template>
<template #footer>
<UButton label="Close" color="gray" variant="outline" @click="first = false" />
<UButton label="Close" color="neutral" variant="outline" @click="first = false" />
<USlideover v-model:open="second" title="Second slideover" :ui="{ footer: 'justify-end' }">
<UButton label="Open second" color="gray" />
<UButton label="Open second" color="neutral" />
<template #body>
<Placeholder class="h-full" />
</template>
<template #footer>
<UButton label="Close" color="gray" variant="outline" @click="second = false" />
<UButton label="Close" color="neutral" variant="outline" @click="second = false" />
</template>
</USlideover>
</template>

2
docs/app/components/content/examples/slideover/SlideoverOpenExample.vue
View File

@@ -8,7 +8,7 @@ defineShortcuts({
<template>
<USlideover v-model:open="open">
<UButton label="Open" color="gray" variant="subtle" />
<UButton label="Open" color="neutral" variant="subtle" />
<template #content>
<Placeholder class="h-full m-4" />

2
docs/app/components/content/examples/slideover/SlideoverProgrammaticExample.vue
View File

@@ -16,5 +16,5 @@ function open() {
</script>
<template>
<UButton label="Open" color="gray" variant="subtle" @click="open" />
<UButton label="Open" color="neutral" variant="subtle" @click="open" />
</template>