mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
refactor(module)!: implement design system with CSS variables (#2298)
This commit is contained in:
@@ -91,10 +91,10 @@ props:
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton icon="i-heroicons-bars-3" color="gray" variant="outline" />
|
||||
<UButton icon="i-heroicons-bars-3" color="neutral" variant="outline" />
|
||||
---
|
||||
|
||||
:u-button{icon="i-heroicons-bars-3" color="gray" variant="outline"}
|
||||
:u-button{icon="i-heroicons-bars-3" color="neutral" variant="outline"}
|
||||
::
|
||||
|
||||
::note
|
||||
@@ -143,10 +143,10 @@ props:
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
|
||||
::
|
||||
|
||||
### Arrow
|
||||
@@ -175,10 +175,10 @@ props:
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
|
||||
::
|
||||
|
||||
### Size
|
||||
@@ -209,13 +209,13 @@ props:
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton size="xl" label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
|
||||
<UButton size="xl" label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
|
||||
---
|
||||
|
||||
:u-button{size="xl" label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
|
||||
:u-button{size="xl" label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
|
||||
::
|
||||
|
||||
::caution
|
||||
::warning
|
||||
The `size` prop will not be proxied to the Button, you need to set it yourself.
|
||||
::
|
||||
|
||||
@@ -248,10 +248,10 @@ props:
|
||||
slots:
|
||||
default: |
|
||||
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline" />
|
||||
<UButton label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline" />
|
||||
---
|
||||
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="gray" variant="outline"}
|
||||
:u-button{label="Open" icon="i-heroicons-bars-3" color="neutral" variant="outline"}
|
||||
::
|
||||
|
||||
## Examples
|
||||
|
||||
Reference in New Issue
Block a user