Cards are a standard piece of UI that serves as an entry point to more detailed information. A card can be a single component, but is often made up of some header, title, subtitle, and content. Can contain images, buttons, text, and more.

Checkboxes allow the selection of multiple options from a set of options. They appear as checked (ticked) when activated. Clicking on a checkbox will toggle the checked property. They can also be checked programmatically by setting the checked property.

Context menus are opened via various forms of user interaction that target a region of the GUI that supports context menus. The specific form of user interaction and the means by which a region is targeted vary.

Serves for grouping other UI elements together and may have linked handlers. Handler could be some script/module/service, that process input data, taken from elements, associated with a form.

Default size is 16px. Could be adjusted with size= attribute.

Lists are made up of multiple rows of items which can contain text, buttons, toggles, icons, thumbnails, and much more. Lists generally contain items with similar data content, such as images and text.

A bar, usually at the top, offering a number of links for convenient navigation.

Progress bar is used to visualize the progression of an operation and activity.

Switches change the state of a single option. They can be switched on or off by pressing or swiping them. They can also be checked programmatically by setting the checked property.

Allows to arrange data in two dimensions using rows and columns.

Just Tabs

Used when items need to be labelled, categorized, and organized using keywords that describe them.

Used when items need to be shown in tree view.