primevue-mirror/apps/showcase/doc/theming/styled/utils/PaletteDoc.vue

27 lines
560 B
Vue
Raw Normal View History

2024-03-30 23:15:56 +00:00
<template>
<DocSectionText v-bind="$attrs">
<p>Returns shades and tints of a given color from 50 to 950 as an array.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
2024-06-11 12:21:12 +00:00
import { palette } from '@primevue/themes';
2024-03-30 23:15:56 +00:00
2024-03-31 22:33:17 +00:00
// custom color
const values1 = palette('#10b981');
// copy an existing token set
const primaryColor = palette('{blue}');
2024-03-30 23:15:56 +00:00
`
}
};
}
};
</script>