#92 renaming segment-container attribute: seg-title to title

uzh-bf · Jun 29, 2024 · 594fadc · 594fadc
1 parent d1fedfc
commit 594fadc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx b/packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx
@@ -7,7 +7,7 @@ import { Component, Prop, h, Host } from "@stencil/core";
   shadow: true,
 })
 export class SegmentContainer {
-  @Prop() segTitle: string;
+  @Prop({attribute:"title"}) segTitle: string;
   @Prop() backgroundColor: string;
 
   render() {

diff --git a/packages/tc-web/src/index.html b/packages/tc-web/src/index.html
@@ -21,7 +21,7 @@
     <script nomodule src="./build/stencil-component-example.js"></script>
   </head>
   <body>
-    <segment-container id="header" seg-title="Testimonials">
+    <segment-container id="header" title="Testimonials">
       <tc-img-quote-card
         image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmanuel.fcfcf50d.jpg&w=1920&q=75"
         quote="Change the color with 'background-color' attribute. The color can be a hex code, rgb, or a color name."
@@ -42,7 +42,7 @@
     </segment-container>
     <segment-container
       id="Mitbringen"
-      seg-title="Was du mitbringen solltest"
+      title="Was du mitbringen solltest"
       background-color="#fff0ff"
     >
       <tc-grid-container columns="1" md-columns="2" lg-columns="2" gap="s">
@@ -64,7 +64,7 @@
       </tc-grid-container>
     </segment-container>
 
-    <segment-container id="jobs" seg-title="Jobs" background-color="#ffffff">
+    <segment-container id="jobs" title="Jobs" background-color="#ffffff">
       <tc-img-text-card
         image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&w=1920&q=75"
         title="Border Color"
@@ -88,7 +88,7 @@
 
     <segment-container
       id="technologies"
-      seg-title="Mehr Informationen über uns? Unsere Lieblingstechnologien und Frameworks"
+      title="Mehr Informationen über uns? Unsere Lieblingstechnologien und Frameworks"
       background-color="#ffffff"
     >
       <tc-grid-container columns="2" md-columns="3" lg-columns="4" gap="s">
@@ -147,7 +147,7 @@
       </tc-grid-container>
     </segment-container>
 
-    <segment-container seg-title="Benefits" background-color="#ffffff">
+    <segment-container title="Benefits" background-color="#ffffff">
       <tc-grid-container columns="1" md-columns="2" lg-columns="4">
         <tc-svg-icon-card
           title="#Salary"
@@ -191,12 +191,12 @@
       </tc-grid-container>
     </segment-container>
 
-    <segment-container seg-title="Open Positions" background-color="#ffffff">
+    <segment-container title="Open Positions" background-color="#ffffff">
       <tc-open-positions level="Junior IT"> </tc-open-positions>
     </segment-container>
     <segment-container
       id="projects"
-      seg-title="Projects"
+      title="Projects"
       background-color="#ffffff"
     >
       <tc-collapsible