diff --git a/README.md b/README.md
index a6ed00c..e58d833 100644
--- a/README.md
+++ b/README.md
@@ -220,6 +220,12 @@ This has a reason, if you add more snippets, will be a mess searching components
| `ui-segments` | A group of segments can be formatted to appear together |
| `ui-segments-horizontal` | A segment group can appear horizontally |
| `ui-segments-compact` | A segment group can appear horizontally |
+| **Statistic** | |
+| `ui-statistic` | A statistic can display a value with a label above or below it. |
+| `ui-statistic-horizontal` | A statistic can present its measurement horizontally |
+| `ui-statistic-stackable` | A statistic can automatically stack rows to a single columns on mobile devices |
+| **Statistics** | |
+| `ui-statistics` | A group of statistics |
| **Step** | |
| `ui-step` | A single step |
| `ui-step-completed` | A completed step |
diff --git a/package.json b/package.json
index c262dfa..cd257d6 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
"repository": {
"url": "https://github.com/fomantic/Fomantic-UI-vscode-snippets/"
},
- "version": "0.31.0",
+ "version": "0.32.0",
"scripts": {
"start": "node ."
},
diff --git a/snippets/fomantic-css.code-snippets b/snippets/fomantic-css.code-snippets
index 407c744..9746c90 100644
--- a/snippets/fomantic-css.code-snippets
+++ b/snippets/fomantic-css.code-snippets
@@ -1738,6 +1738,65 @@
""
]
},
+ "Fomantic-UI Default Statistic": {
+ "prefix": "ui-statistic",
+ "description": "A statistic can display a value with a label above or below it.",
+ "body": [
+ "
",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Horizontal Statistic": {
+ "prefix": "ui-statistic-horizontal",
+ "description": "A statistic can present its measurement horizontally",
+ "body": [
+ "",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Stackable Statistic": {
+ "prefix": "ui-statistic-stackable",
+ "description": "A statistic can automatically stack rows to a single columns on mobile devices",
+ "body": [
+ "",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Default Statistics": {
+ "prefix": "ui-statistics",
+ "description": "A group of statistics",
+ "body": [
+ "",
+ "
",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
",
+ " $0",
+ "
"
+ ]
+ },
"Fomantic-UI Default Step": {
"prefix": "ui-step",
"description": "A single step",
diff --git a/src/components/statistic-css.code-snippets b/src/components/statistic-css.code-snippets
new file mode 100644
index 0000000..ba1756b
--- /dev/null
+++ b/src/components/statistic-css.code-snippets
@@ -0,0 +1,61 @@
+{
+ "Fomantic-UI Default Statistic": {
+ "prefix": "ui-statistic",
+ "description": "A statistic can display a value with a label above or below it.",
+ "body": [
+ "",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Horizontal Statistic": {
+ "prefix": "ui-statistic-horizontal",
+ "description": "A statistic can present its measurement horizontally",
+ "body": [
+ "",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Stackable Statistic": {
+ "prefix": "ui-statistic-stackable",
+ "description": "A statistic can automatically stack rows to a single columns on mobile devices",
+ "body": [
+ "",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
"
+ ]
+ },
+ "Fomantic-UI Default Statistics": {
+ "prefix": "ui-statistics",
+ "description": "A group of statistics",
+ "body": [
+ "",
+ "
",
+ "
",
+ " ${1:5,550}",
+ "
",
+ "
",
+ " ${2:Downloads}",
+ "
",
+ "
",
+ " $0",
+ "
"
+ ]
+ }
+}
\ No newline at end of file