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

27 lines
561 B
Vue

<template>
<DocSectionText v-bind="$attrs">
<p>Returns shades and tints of a given color from 50 to 950 as an object.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
import { palette } from '@primevue/themes';
// custom color
const values1 = palette('#10b981');
// copy an existing token set
const primaryColor = palette('{blue}');
`
}
};
}
};
</script>