arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-26 09:50:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

playground: update

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-06 20:09:05 +01:00
parent 0d1f8528c8
commit 22c42c402d
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
playground/app.config.ts
View File

@@ -1,5 +1,6 @@
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
primary: 'green',
button: { button: {
base: 'font-semibold', base: 'font-semibold',
variants: { variants: {

16
playground/app.vue
View File

@@ -1,8 +1,16 @@
<script setup lang="ts">
</script>
<template> <template>
<div class="max-w-7xl mx-auto py-24"> <UContainer class="min-h-screen flex flex-col gap-4 items-center justify-center">
<UButton color="green" icon="i-heroicons-rocket-launch" to="/" label="/" /> <div class="flex gap-1">
<UButton color="red" icon="i-heroicons-rocket-launch" to="/about" label="/about" square /> <UButton icon="i-heroicons-rocket-launch" to="/" label="/" />
<UButton color="green" trailing-icon="i-heroicons-light-bulb" to="/about" label="/about" />
<UButton color="red" label="Button" class="font-bold" />
</div>
<NuxtPage /> <NuxtPage />
</div> </UContainer>
</template> </template>

4
playground/pages/[...slug].vue
View File

@@ -1,5 +1,7 @@
<template> <template>
<div>{{ $route.path }}</div> <div class="text-primary-500">
Route: {{ $route.path }}
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">