Renk seçici
Hazır paletler ve özel renk.
Form
VColorPicker · VColorInput
2 örnek
Palet ve özel renk
Kodu göster
blade
<armada:color-picker label="Marka rengi" name="brand_color" value="#8b5cf6" />Sadece palet; canlı önizleme
Kodu göster
blade
<div x-data="{ c: '#10b981' }" class="sc-col">
<armada:color-picker x-model="c" value="#10b981" :custom="false" :swatches="['#10b981', '#06b6d4', '#4d7cfe', '#f97316', '#f43f5e']" />
<armada:button variant="solid" x-bind:style="`background:${c};color:#fff`">Önizleme</armada:button>
</div>Özellikler
<armada:color-picker>
| Prop | Varsayılan |
|---|---|
label |
null |
description |
null |
name |
null |
value |
'#4d7cfe' |
swatches |
['#4d7cfe', '#8b5cf6', '#10b981', '#f97316', '#f43f5e', '#06b6d4', '#eab308', '#71717a'] |
custom |
true |