vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add MD to config

pull/6454/head
Cagatay Civici 2024-09-20 23:11:22 +03:00
parent a6236eefc8
commit 6163e50081
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/showcase/layouts/AppConfigurator.vue
View File

@ -31,7 +31,7 @@
</div> </div>
<div class="config-panel-settings"> <div class="config-panel-settings">
<span class="config-panel-label">Presets</span> <span class="config-panel-label">Presets</span>
<SelectButton v-model="$appState.preset" @update:modelValue="onPresetChange" :options="presets" :allowEmpty="false" /> <SelectButton v-model="$appState.preset" @update:modelValue="onPresetChange" :options="presetOptions" optionLabel="label" optionValue="value" :allowEmpty="false" />
</div> </div>
<div class="config-panel-settings"> <div class="config-panel-settings">
<span class="config-panel-label">Ripple</span> <span class="config-panel-label">Ripple</span>
@ -59,7 +59,12 @@ const presets = {
export default { export default {
data() { data() {
return { return {
presets: Object.keys(presets), presetOptions: [
{ label: 'Aura', value: 'Aura' },
{ label: 'Lara', value: 'Lara' },
{ label: 'Nora', value: 'Nora' },
{ label: 'MD', value: 'Material' }
],
primaryColors: [ primaryColors: [
{ name: 'noir', palette: {} }, { name: 'noir', palette: {} },
{ name: 'emerald', palette: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22' } }, { name: 'emerald', palette: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22' } },