Storybook.Web

Home

Title	Notifcation Tile
Description	Notifications Tile
Namespace	AccuWeather.Core.UI.Web.Views.Widgets.NotifcationTile
Last Updated Branch Name	Defect/ICE-1629
Last Updated Date	03/03/2023

Name	Control
is	StoryNotificationTile
Tab	{ "tabs": [ "Notifications", "Timeline" ], "tags": [ "", "" ], "jumpLink": false, "jumpLinkMarginLeft": 0 }
Notifications	{ "label": "New", "count": 121 } { "label": "Critical", "count": 16 } { "label": "Assets affected", "count": 32 }
Header	{ "componentType": "ActionBar", "headerElements": [ { "type": "Search", "searchField": { "searchType": "Collapsed", "placeholderText": "Start your search" }, "elementPosition": "Left" }, { "type": "Button", "button": { "buttonType": "IconText", "selected": false, "elements": [ { "elementType": "Icon", "elementIconFolder": "actions", "elementIcon": "Filter" }, {} ] }, "elementPosition": "Left" }, { "type": "Button", "button": { "buttonType": "IconText", "elements": [ { "elementType": "Icon", "elementIconFolder": "actions", "elementIcon": "Sort" }, { "elementType": "Text", "elementContent": "Time-Issued" } ] }, "elementPosition": "Left" }, { "type": "Tag", "tag": { "text": "151 results", "bgColor": "#f4f4f4", "fontColor": "black", "isDefault": true }, "displayOnCollapse": false, "elementPosition": "Right" }, { "type": "Tag", "tag": { "text": "151", "bgColor": "#f4f4f4", "fontColor": "black", "isDefault": true }, "displayOnCollapse": true, "elementPosition": "Right" } ] }
tileWidth	500

Run Tests

Html Code

CSS code

Scripts