feat: row label style

README.md

@@ -48,6 +48,7 @@ The following code showcases a simple usage example in a .vue SFC (Single File C
       v-for="row in rows"
       :key="row.label"
       :label="row.label"
+      :label-style="row.labelStyle"
       :bars="row.bars"
       bar-start="myStart"
       bar-end="myEnd"
@@ -76,6 +77,9 @@ The following code showcases a simple usage example in a .vue SFC (Single File C
         rows: [
           {
             label: "My row #1",
+            labelStyle: {
+              justifyContent: "end"
+            },
             bars: [
               {
                 myStart: "2020-03-01 12:10",

lib/components/GGanttRow.vue

@@ -49,6 +49,7 @@ export default {
 
   props: {
     label: { type: String, default: 'Row' },
+    labelStyle: { type: Object },
     bars: { type: Array, default: () => [] },
     highlightOnHover: { type: Boolean }
   },
@@ -107,7 +108,8 @@ export default {
         background: this.themeColors.ternary,
         color: this.themeColors.text,
         borderTop: `1px solid ${this.themeColors.rowLabelBorder}`,
-        borderBottom: `1px solid ${this.themeColors.rowLabelBorder}`
+        borderBottom: `1px solid ${this.themeColors.rowLabelBorder}`,
+        ...this.labelStyle
       }
     }
   },

src/App.vue

@@ -25,6 +25,7 @@
         v-for="row in chart1.rows"
         :key="row.label"
         :label="row.label"
+        :label-style="row.labelStyle"
         :bars="row.bars"
         :highlight-on-hover="chart1.highlightOnHover"
       >
@@ -117,6 +118,9 @@ export default {
         },
         {
           label: 'Row #2',
+          labelStyle: {
+            justifyContent: 'end'
+          },
           bars: [
             {
               myStart: '2020-03-02 09:00',