Fix some props

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

canon-docs/src/content/components/button-icon.mdx

@@ -14,7 +14,7 @@ import {
 } from './button-icon.props';
 import { ComponentInfos } from '@/components/ComponentInfos';
 
-# Icon Button
+# ButtonIcon
 
 A button component with a single icon that can be used to trigger actions.
 
@@ -27,7 +27,7 @@ A button component with a single icon that can be used to trigger actions.
 
 <ComponentInfos
   component="button-icon"
-  classNames={['canon-ButtonIcon']}
+  classNames={['canon-Button', 'canon-ButtonIcon']}
   usageCode={buttonIconUsageSnippet}
 />
 

canon-docs/src/content/components/button-icon.props.ts

@@ -48,7 +48,7 @@ export const buttonIconSizesSnippet = `<Flex align="center">
   <ButtonIcon icon={<Icon name="cloud" />} size="medium" />
 </Flex>`;
 
-export const buttonIconDisabledSnippet = `<ButtonIcon icon={<Icon name="cloud" />} disabled />`;
+export const buttonIconDisabledSnippet = `<ButtonIcon icon={<Icon name="cloud" />} isDisabled />`;
 
 export const buttonIconResponsiveSnippet = `<ButtonIcon icon={<Icon name="cloud" />} variant={{ initial: 'primary', lg: 'secondary' }} />`;
 

canon-docs/src/content/components/button-link.mdx

@@ -26,7 +26,7 @@ A button component that can be used as a link.
 
 <ComponentInfos
   component="button-link"
-  classNames={['canon-ButtonLink']}
+  classNames={['canon-Button', 'canon-ButtonLink']}
   usageCode={buttonLinkSnippetUsage}
 />
 

canon-docs/src/content/components/button-link.props.ts

@@ -36,10 +36,10 @@ export const buttonLinkSnippetUsage = `import { ButtonLink } from '@backstage/ca
 <ButtonLink />`;
 
 export const buttonLinkVariantsSnippet = `<Flex align="center">
-  <ButtonLink iconStart="cloud" variant="primary">
+  <ButtonLink iconStart={<Icon name="cloud" />} variant="primary">
     Button
   </ButtonLink>
-  <ButtonLink iconStart="cloud" variant="secondary">
+  <ButtonLink iconStart={<Icon name="cloud" />} variant="secondary">
     Button
   </ButtonLink>
 </Flex>`;

canon-docs/src/content/components/button.mdx

@@ -27,7 +27,7 @@ A button component that can be used to trigger actions.
 
 <ComponentInfos
   component="button"
-  classNames={['canon-Button', 'canon-ButtonIcon']}
+  classNames={['canon-Button']}
   usageCode={buttonSnippetUsage}
 />