Astrian/datenel-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance colorScheme prop documentation in SingleDatePicker with detailed descriptions

Browse Source
This commit is contained in:
Astrian Zheng 2025-02-25 09:55:13 +11:00
parent 6b18517473
commit d2f70086ad
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/SingleDatePicker.vue
View File

@ -15,6 +15,19 @@
const props = defineProps({ const props = defineProps({
/** /**
* The color scheme of the component * The color scheme of the component
*
* @description Customize the color scheme of the component.
*
* The object should contain the following properties:
*
* - `mainColor`: The main color of the panel, including the text color and the border color.
* - `accentColor`: The accent color of the panel, including the background color of the selected date.
* - `borderColor`: The border color of the panel, including the divider color between the header and the body.
* - `hoverColor`: The hover color of the panel, including the hover background color of the date.
* - `reversedColor`: The reversed color of the panel, including the text color of the selected date.
*
* @see {@link https://datenel.js.org/guide/vue/components/SingleDatePicker.html#colorscheme}
*
* @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' } * @default { mainColor: '#000000', accentColor: '#000000', borderColor: '#e0e0e0', hoverColor: '#00000017', reversedColor: '#ffffff' }
*/ */
colorScheme: { colorScheme: {