diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue index eaa99396..e3da6342 100644 --- a/docs/app/components/content/ComponentCode.vue +++ b/docs/app/components/content/ComponentCode.vue @@ -69,7 +69,7 @@ const options = computed(() => { return { name: key, - label: kebabCase(key), + label: key, type: prop?.type, items } diff --git a/docs/content/3.components/alert.md b/docs/content/3.components/alert.md index 25e3b1a2..e449081f 100644 --- a/docs/content/3.components/alert.md +++ b/docs/content/3.components/alert.md @@ -98,7 +98,7 @@ props: title: 'Heads up!' description: 'You can change the primary color in your app config.' close: true - close-icon: '' + closeIcon: '' --- :: diff --git a/docs/content/3.components/button.md b/docs/content/3.components/button.md index 9ce9b7aa..0070cf46 100644 --- a/docs/content/3.components/button.md +++ b/docs/content/3.components/button.md @@ -91,8 +91,8 @@ Use the `leading` and `trailing` props to set the icon position or the `leading- ::component-code --- props: - leading-icon: '' - trailing-icon: i-heroicons-arrow-right + leadingIcon: '' + trailingIcon: i-heroicons-arrow-right size: md slots: default: Button @@ -121,7 +121,7 @@ Use the `loading-icon` prop to customize this icon. Defaults to `i-heroicons-arr --- props: loading: true - loading-icon: '' + loadingIcon: '' trailing: false slots: default: Button @@ -172,6 +172,9 @@ Use the `ui` prop to override the slots styles of the Button. --- ignore: - ui + - color + - variant + - icon props: icon: i-heroicons-rocket-launch color: gray diff --git a/docs/content/3.components/link.md b/docs/content/3.components/link.md index 9d43f1ef..5f904acd 100644 --- a/docs/content/3.components/link.md +++ b/docs/content/3.components/link.md @@ -64,8 +64,8 @@ ignore: props: raw: true to: /components/link - active-class: 'font-bold' - inactive-class: 'text-gray-500 dark:text-gray-500' + activeClass: 'font-bold' + inactiveClass: 'text-gray-500 dark:text-gray-500' slots: default: Link ---