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

Theme Doc update

pull/5677/head
Mert Sincan 2024-05-01 09:32:55 +01:00
parent b8e0b4b851
commit ba00f3bc7b
5 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
doc/nuxt/configuration/ImportThemeDoc.vue
View File

@ -20,8 +20,7 @@ primevue: {
code2: { code2: {
basic: ` basic: `
import { definePreset } from 'primevue/themes'; import { definePreset } from 'primevue/themes';
import PrimeOne from 'primevue/themes/primeone'; import Aura from 'primevue/themes/aura';
import Aura from 'primevue/themes/primeone/aura';
const MyPreset = definePreset(Aura, { const MyPreset = definePreset(Aura, {
semantic: { semantic: {
@ -42,7 +41,6 @@ const MyPreset = definePreset(Aura, {
}); });
export default { export default {
base: PrimeOne,
preset: MyPreset, preset: MyPreset,
options: { options: {
darkModeSelector: '.p-dark' darkModeSelector: '.p-dark'

4
doc/theming/styled/DarkModeToggleDoc.vue
View File

@ -21,15 +21,13 @@ export default {
code1: { code1: {
basic: ` basic: `
import PrimeVue from 'primevue/config'; import PrimeVue from 'primevue/config';
import PrimeOne from 'primevue/themes/primeone'; import Aura from 'primevue/themes/aura';
import Aura from 'primevue/themes/primeone/aura';
const app = createApp(App); const app = createApp(App);
app.use(PrimeVue, { app.use(PrimeVue, {
// Default theme configuration // Default theme configuration
theme: { theme: {
base: PrimeOne,
preset: Aura, preset: Aura,
options: { options: {
darkModeSelector: '.my-app-dark', darkModeSelector: '.my-app-dark',

2
doc/theming/styled/PresetsDoc.vue
View File

@ -18,7 +18,7 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
import accordion from 'primevue/themes/primeone/presets/aura/accordion'; import accordion from 'primevue/themes/aura/accordion';
// ... imports of other component tokens // ... imports of other component tokens
export default { export default {

4
doc/theming/styled/configuration/ThemeDoc.vue
View File

@ -12,15 +12,13 @@ export default {
code: { code: {
basic: ` basic: `
import PrimeVue from 'primevue/config'; import PrimeVue from 'primevue/config';
import PrimeOne from 'primevue/themes/primeone'; import Aura from 'primevue/themes/aura';
import Aura from 'primevue/themes/primeone/aura';
const app = createApp(App); const app = createApp(App);
app.use(PrimeVue, { app.use(PrimeVue, {
// Default theme configuration // Default theme configuration
theme: { theme: {
base: PrimeOne,
preset: Aura, preset: Aura,
options: { options: {
prefix: 'p', prefix: 'p',

4
doc/theming/styled/customization/DefinePresetDoc.vue
View File

@ -13,8 +13,7 @@ export default {
basic: ` basic: `
import PrimeVue from 'primevue/config'; import PrimeVue from 'primevue/config';
import { definePreset } from 'primevue/themes'; import { definePreset } from 'primevue/themes';
import PrimeOne from 'primevue/themes/primeone'; import Aura from 'primevue/themes/aura';
import Aura from 'primevue/themes/primeone/aura';
const MyPreset = definePreset(Aura, { const MyPreset = definePreset(Aura, {
//Your customizations, see the following sections for examples //Your customizations, see the following sections for examples
@ -22,7 +21,6 @@ const MyPreset = definePreset(Aura, {
app.use(PrimeVue, { app.use(PrimeVue, {
theme: { theme: {
base: PrimeOne,
preset: MyPreset preset: MyPreset
} }
}); });