Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
On this page

Loading...
 See: how to import required CoreUI Icons ## Examples ### Widget Stats A Create custom Widget variants with `cTemplateId`: - `widgetValueTemplate` - `widgetActionTemplate` - `widgetChartTemplate`
### Widget Stats B
### Widget Stats C - `widgetIconTemplate` - `widgetProgressTemplate`
### Widget Stats D
### Widget Stats E
### Widget Stats F - `widgetIconTemplate` - `widgetFooterTemplate`
| name | description | type | default | | ---- | ----------- | ---- | ------- | | `color` | Sets the color context of the component to one of CoreUI’s themed colors. | `Color` | - | | `title` | Title of the widget to display | `string` | - | | `value` | Value for your widget to display | `string` | - |
### c-widget-stat-b _component_ ##### Inputs
| name | description | type | default | | ---- | ----------- | ---- | ------- | | `color` | Sets the color context of the component to one of CoreUI themed colors | `Color` | - | | `textColor` | Sets the text-color context of the component to one of CoreUI themed colors | `Color \| 'white' \| 'muted'` | - | | `title` | Title of the widget to display | `string` | - | | `text` | Helper text for your widget | `string` | - | | `value` | Value for your widget to display | `string` | - | | `inverse` | Invert colors from their default dark shade | `boolean` | - |
### c-widget-stat-c _component_ ##### Inputs
| name | description | type | default | | ---- | ----------- | ---- | ------- | | `title` | Title of the widget to display | `string` | - | | `value` | Value for your widget to display | `string` | - | | `inverse` | Invert colors from their default dark shade | `boolean` | - |
### c-widget-stat-d _component_ ##### Inputs
### c-widget-stat-e _component_ ##### Inputs
| name | description | type | default | | ---- | ----------- | ---- | ------- | | `title` | Title of the widget to display | `string` | - | | `value` | Value for your widget to display | `string` | - |
### c-widget-stat-f _component_ ##### Inputs
| name | description | type | default | | ---- | ----------- | ---- | ------- | | `color` | Sets the color context of the component to one of CoreUI themed colors | `Color` | - | | `textColor` | Sets the text-color context of the component to one of CoreUI themed colors | `Color \| 'white' \| 'muted'` | - | | `title` | Title of the widget to display | `string` | - | | `value` | Value for your widget to display | `string` | - | | `footer` | Footer for your widget | `string` | - | | `padding` | Set padding of the icon | `boolean` | - |
  • GitHub
  • Twitter
  • Support
  • CoreUI (Vanilla)
  • CoreUI for React.js
  • CoreUI for Vue.js

CoreUI for Angular is Open Source UI Components Library for Angular.

Currently v5.2.23 Code licensed MIT , docs CC BY 3.0 .
CoreUI PRO requires a commercial license.