added examples to the showcase

hashicorp · Nov 20, 2024 · e5e73b4 · e5e73b4
1 parent 29d9bee
commit e5e73b4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/components/src/components/hds/text/index.ts b/packages/components/src/components/hds/text/index.ts
@@ -142,7 +142,6 @@ export default class HdsText extends Component<HdsTextSignature> {
 
     // add a (helper) class based on the @color argument (if pre-defined)
     if (this.predefinedColor) {
-      console.log('hey');
       classes.push(`hds-foreground-${this.predefinedColor}`);
     }
 

diff --git a/showcase/app/controllers/components/code-editor.js b/showcase/app/controllers/components/code-editor.js
@@ -7,6 +7,8 @@ import Controller from '@ember/controller';
 import { tracked } from '@glimmer/tracking';
 
 export default class CodeEditorController extends Controller {
+  demoCode = `console.log('Hello, world!');`;
+
   languages = [
     {
       value: 'go',

diff --git a/showcase/app/templates/components/code-editor.hbs b/showcase/app/templates/components/code-editor.hbs
@@ -14,7 +14,7 @@
       <Hds::CodeEditor />
     </SF.Item>
     <SF.Item @label="With initial content">
-      <Hds::CodeEditor @value={{this.demoJavascript}} />
+      <Hds::CodeEditor @value={{this.demoCode}} />
     </SF.Item>
   </Shw::Flex>
 
@@ -30,7 +30,7 @@
       <Hds::CodeEditor @canExpand={{true}} />
     </SF.Item>
     <SF.Item @label="With copyable content">
-      <Hds::CodeEditor @canCopy={{true}} @value={{this.demoJavascript}} />
+      <Hds::CodeEditor @canCopy={{true}} @value={{this.demoCode}} />
     </SF.Item>
     <SF.Item @label="With custom header content">
       <Hds::CodeEditor as |CE|>
@@ -43,7 +43,7 @@
         @description="This is a complex example"
         @canCopy={{true}}
         @canExpand={{true}}
-        @value={{this.demoJavascript}}
+        @value={{this.demoCode}}
         as |CE|
       >
         <CE.ToolbarButton @text="Custom button" />