Introduction
Foundations
Components
Directives
Pipes
Motion
Brand
⌘K
Alerts & notifications
Banner alert
Banner announcement
Floating action
Toast alert
Buttons & actions
Button
Link
Pull refresh
Share buttons
Share link
Social buttons
Split button
Toggle buttons
Cards
Card
Widget
Forms
Checkbox card
Checkbox
Currency input
Date input
Date range calendar
File select
Input
Label
Location input
Multi select
Multiple location input
Otp input
Phone input
Radio
Search
Segmented date input
Select
Slider
Smart textarea
Textarea
Timepicker
Toggle
Icons / images / media
Animated svg
File viewer
Gallery mosaic
Icon
Image cropper
Layouts
Container
Grid
Page layout
Table
Navigation
Breadcrumbs
Pagination
Tabs
Popups / overlays
Callout
Drawer
Dropdown filter
Highlight
Modal
More options
Tooltip
Progress & loading indicators
Countdown timer
Loading template
Progress bar
Progress steps
Spinner
Tags
Tag
Typography
Fonts
Hr
Components
Tags
Tag
Tag
Tags for skills or filters, which can be clicked or dismissed
Contents
Default
Borderless
borderless
Colors
color
Icon only
iconConfig
iconOnly
selected
Icons
iconConfig
Link
link
Max lines
maxLines
size
Selectable
selected
Sizes
size
Types
type
Clickable
Default
Dismissable
Clickable
Default
Dismissable
Clickable
Default
Dismissable
Smart Copy
Copy Snippet
Expand
Inputs in Icons
iconConfig
?
:
IconConfig
Also set in this example
borderless
?
:
boolean
= false
darkMode
?
:
boolean
= false
type
?
:
TagType
= TagType.DEFAULT
Show all 23 inputs
Outputs
dismiss
?
:
any
= new EventEmitter<void>()
