docs(developer): fix formatting

carbon-design-system · Jan 2, 2025 · d916466 · d916466
1 parent 24206f6
commit d916466
Show file tree

Hide file tree

Showing 13 changed files with 57 additions and 121 deletions.
diff --git a/src/components/MdxIcon/index.js b/src/components/MdxIcon/index.js
@@ -22,7 +22,6 @@ import vue from './icons/vue.png';
 import webcomponents from './icons/webcomponents.png';
 import yourlearning from './icons/yourlearning.svg';
 
-
 const localIcons = {
   angular,
   ase,

diff --git a/src/pages/all-about-carbon/who-uses-carbon.mdx b/src/pages/all-about-carbon/who-uses-carbon.mdx
@@ -142,8 +142,9 @@ Here are some ways developers can begin engaging with Carbon.
 - Visit [Developing > Get started](/developing/get-started/) and install your
   framework of choice.
 
-- Visit [Developer resources](/developing/dev-resources/official/) to find Carbon tools,
-  as well as our GitHub repos and Storybooks for your framework of choice.
+- Visit [Developer resources](/developing/dev-resources/official/) to find
+  Carbon tools, as well as our GitHub repos and Storybooks for your framework of
+  choice.
 
 #### Connect with the team
 

diff --git a/src/pages/developing/dev-resources/community.mdx b/src/pages/developing/dev-resources/community.mdx
@@ -3,11 +3,7 @@ title: Developer resources
 description:
   Here you'll find Carbon tools, as well as our GitHub repos and Storybooks for
   your framework of choice.
-tabs:
-  [
-    'Official',
-    'Community',
-  ]
+tabs: ['Official', 'Community']
 ---
 
 <PageDescription>
@@ -106,20 +102,20 @@ your framework of choice.
 ## Tutorials
 
 <Row className="resource-card-group">
-    <Column colMd={4} colLg={4} noGutterSm>
-        <ResourceCard
-            subTitle="Carbon Angular tutorial"
-            href="/developing/angular-tutorial/overview/">
-            <MdxIcon name="angular" />
-        </ResourceCard>
-    </Column>
-    <Column colMd={4} colLg={4} noGutterSm>
-        <ResourceCard
-            subTitle="Carbon Vue tutorial"
-            href="/developing/vue-tutorial/overview/">
-            <MdxIcon name="vue" />
-        </ResourceCard>
-    </Column>
+  <Column colMd={4} colLg={4} noGutterSm>
+    <ResourceCard
+      subTitle="Carbon Angular tutorial"
+      href="/developing/angular-tutorial/overview/">
+      <MdxIcon name="angular" />
+    </ResourceCard>
+  </Column>
+  <Column colMd={4} colLg={4} noGutterSm>
+    <ResourceCard
+      subTitle="Carbon Vue tutorial"
+      href="/developing/vue-tutorial/overview/">
+      <MdxIcon name="vue" />
+    </ResourceCard>
+  </Column>
 </Row>
 
 ## Tools

diff --git a/src/pages/developing/dev-resources/official.mdx b/src/pages/developing/dev-resources/official.mdx
@@ -3,11 +3,7 @@ title: Developer resources
 description:
   Here you'll find Carbon tools, as well as our GitHub repos and Storybooks for
   your framework of choice.
-tabs:
-  [
-    'Official',
-    'Community',
-  ]
+tabs: ['Official', 'Community']
 ---
 
 <PageDescription>
@@ -111,13 +107,13 @@ your framework of choice.
 ## Tutorials
 
 <Row className="resource-card-group">
-<Column colMd={4} colLg={4} noGutterSm>
+  <Column colMd={4} colLg={4} noGutterSm>
     <ResourceCard
-        subTitle="Carbon React tutorial"
-        href="/developing/react-tutorial/overview/">
-        <MdxIcon name="react" />
+      subTitle="Carbon React tutorial"
+      href="/developing/react-tutorial/overview/">
+      <MdxIcon name="react" />
     </ResourceCard>
-</Column>
+  </Column>
 </Row>
 
 ## Tools
@@ -147,4 +143,3 @@ your framework of choice.
 </Column>
 
 </Row>
-
diff --git a/src/pages/developing/frameworks-community/angular.mdx b/src/pages/developing/frameworks-community/angular.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks-community/lwc.mdx b/src/pages/developing/frameworks-community/lwc.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks-community/other-frameworks.mdx b/src/pages/developing/frameworks-community/other-frameworks.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks-community/svelte.mdx b/src/pages/developing/frameworks-community/svelte.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks-community/vanilla.mdx b/src/pages/developing/frameworks-community/vanilla.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks-community/vue.mdx b/src/pages/developing/frameworks-community/vue.mdx
@@ -2,17 +2,9 @@
 title: Frameworks (community)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'Angular',
-    'Vue',
-    'Svelte',
-    'LWC',
-    'Vanilla',
-    'Other frameworks',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['Angular', 'Vue', 'Svelte', 'LWC', 'Vanilla', 'Other frameworks']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks/react.mdx b/src/pages/developing/frameworks/react.mdx
@@ -2,13 +2,9 @@
 title: Frameworks (official)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'React',
-    'Web Components',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['React', 'Web Components']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/frameworks/web-components.mdx b/src/pages/developing/frameworks/web-components.mdx
@@ -2,13 +2,9 @@
 title: Frameworks (official)
 description:
   The Carbon Design System is built with official support for React and Web
-  Components. Community support exists for other frameworks like Angular, vanilla JS,
-  Vue, Svelte, and Lightning Web Components.
-tabs:
-  [
-    'React',
-    'Web Components',
-  ]
+  Components. Community support exists for other frameworks like Angular,
+  vanilla JS, Vue, Svelte, and Lightning Web Components.
+tabs: ['React', 'Web Components']
 ---
 
 <PageDescription>

diff --git a/src/pages/developing/get-started.mdx b/src/pages/developing/get-started.mdx
@@ -27,24 +27,25 @@ checklist of everything you need to get up and running.
 ### Install your framework of choice
 
 The Carbon Design System is built with official support for React and Web
-Components. Community support exists for other frameworks like Angular, vanilla JS,
-Vue, Svelte, and Lightning Web Components. Head over to
+Components. Community support exists for other frameworks like Angular, vanilla
+JS, Vue, Svelte, and Lightning Web Components. Head over to
 [Frameworks](/developing/frameworks/react) for all the information you need to
 get started.
 
 ### Check out our developer resources
 
-In [Developer resources](/developing/dev-resources/official/), you’ll find Carbon tools,
-as well as our GitHub repos and Storybooks for your framework of choice.
+In [Developer resources](/developing/dev-resources/official/), you’ll find
+Carbon tools, as well as our GitHub repos and Storybooks for your framework of
+choice.
 
 ## Additional guidance
 
 ### Take a tutorial
 
-We offer tutorials in React using Next.js, with community contributed tutorials for
-Angular and Vue, to guide you in creating an app with the Carbon Design System. We’ll
-teach you the ins and outs of using Carbon components, and introduce web development
-best practices along the way.
+We offer tutorials in React using Next.js, with community contributed tutorials
+for Angular and Vue, to guide you in creating an app with the Carbon Design
+System. We’ll teach you the ins and outs of using Carbon components, and
+introduce web development best practices along the way.
 
 <Row className="resource-card-group">
 <Column colLg={4} colMd={4} noGutterSm>