Widgets
Pre-built widget components that you can integrate with your dashboards or social feeds.
Last updated
v5.0.1 - Pages Angular
Pre-built widget components that you can integrate with your dashboards or social feeds.
Last updated
Pages comes with 24 pre-built widget components that you can easily integrate with your dashboards in no time. These can be found in dashboard/widgetsfolder and each widget folder is named after its @Component's selector.Widgets are based off pgcard component
Widgets are available throughout all the pre-built dashboards via dashboard.module.ts. But if you are planning use them outside you will have to import them as below.
Features a stacked bar chart made with echarts component:
Features a looping vertical slider with stock market updates.
Features a line chart with toggle buttons.
Features a line chart with sales stats.
Features a line chart with area filled in.
Features a line chart with multiple series of data.
Property
Description
Type
Default
IsAlt
Toggles three boxes with stock trading highlights and a search bar
boolean
false
Features a background image and an text overlay.
Features a background image and a text overlay. Intended to use for showing minimal content.
Features a rotating text
Features quick weather info
Features a large title text and a progress bar
Features multiple progress bars in a tab view.
Features quick stats in extra large text and a progress bar.
Designed to show live streaming data in a line chart. Demo widget represents sample data updated using a timer.
Shows an image in the style of a social feed post.
Shows a social post with text and an image.
Features a pg-tabset component with stacked bar charts representing multiple data sources for quick comparison.
This is also another mini widget similar to quick-stats-widget and progress-tile-flat widget. Sample widget illustrates stock trading stats
Features a basic table layout.
This is another variation of table-basic-widget.
Show todo-list items with checkboxes.
Shows weekly weather data together with animated weather icons from Skycons.
Property
Description
Type
Default
Type
By default weather widget shows two highlighted columns with weather data to the right in extra large screens. Set this to "compact" to disable them.
string
undefined
This is also another mini widget showing weekly sales data.
