Merge pull request #233 from theiliad/update-component-status-table-a…

…pril Update component status & demo links in README
carbon-design-system · Mar 28, 2019 · 34a05fd · 34a05fd
2 parents 2783d86 + f2466fb
commit 34a05fd
Showing 1 changed file with 25 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -45,15 +45,25 @@ npm install @carbon/charts --save
 - [Vanilla JS](https://carbon-design-system.github.io/carbon-charts/)
 - [Angular](https://carbon-design-system.github.io/carbon-charts/angular)
 - [React](https://carbon-design-system.github.io/carbon-charts/react)
+- [Vue](https://carbon-design-system.github.io/carbon-charts/vue)
 
 **Docs:** <https://carbon-design-system.github.io/carbon-charts/documentation/>
 
-### Code Sample
+### Code Samples
 <p align="center">
-	<img src="assets/demo-stacked-bar.png" alt="Stacked Bar Chart" width=600 />
+	<img src="assets/demo-stacked-bar.png" alt="Stacked Bar Chart" width="600" />
 </p>
 
-[![Edit Carbon Charts - Vanilla](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/2plrn2jp7r)
+<p align="center">
+	<a href="https://codesandbox.io/s/149vrzo62l">
+		<img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit Carbon Charts - Vanilla" />
+	</a>
+</p>
+
+- [Vanilla JS](https://codesandbox.io/s/149vrzo62l)
+- [Angular](https://codesandbox.io/s/k32kjy5qnr)
+- [React](https://codesandbox.io/s/pppmo3ollx)
+- [Vue](https://codesandbox.io/s/040w2rqrxp)
 
 ### Run Charts locally
 1. Fork the project and clone your fork:
@@ -72,18 +82,18 @@ npm install @carbon/charts --save
 ## Component status
 :white_check_mark: Stable :hourglass_flowing_sand: In progress
 
-| Component   | Vanilla            | Angular                  | React |
-|-------------|--------------------|--------------------------|-------|
-| Simple Bar  | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Grouped Bar | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Stacked Bar | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Donut       | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Line        | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Curved Line | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Pie         | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Step        | :white_check_mark: | :white_check_mark:       | :white_check_mark:  |
-| Combo       | :hourglass_flowing_sand:               | :hourglass_flowing_sand:                     | :hourglass_flowing_sand:  |
-| Area        | Soon               | Soon                     | :hourglass_flowing_sand:  |
+| Component   | Vanilla            | Angular                  | React | Vue |
+|-------------|--------------------|--------------------------|-------|-------|
+| Simple Bar  | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Grouped Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Stacked Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Donut       | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Line        | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Curved Line | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Pie         | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark:
+| Step        | :white_check_mark: | :white_check_mark: | :white_check_mark: | :hourglass_flowing_sand:
+| Combo       | :hourglass_flowing_sand: | - | - | -
+| Area        | Soon | - | - | - |
 
 ## Bugs and feature requests