Web components

Web Components are a browser-native way of developing component-driven user interfaces. They adhere to the W3C specification for encapsulation and interoperability of HTML elements.

184components1193storiesLast updated 3 years ago
Tweet
Add your component

Accordion

Accordion
Accordion Group

Alert

Alert
Alert
<cc-addon-elasticsearch-options>

Badge

Badge

Breadcrumb

Breadcrumb
Button
<cc-button>
Split Button
Button
Button

Calendar

Calendar
Image Card
<cc-env-var-linked-services>
<cc-env-var-editor-expert>
<cc-env-var-editor-json>
<cc-env-var-editor-simple>

Checkbox

View all (6)
Checkbox
Checkbox Group
Checkbox Group
Checkbox
Checkbox

Code

<cc-tile-status-codes>
<cc-loader>

Combobox

Combobox

Details

Item Detail

Dialog

Dialog

Divider

Menu Item Divider

Drawer

Drawer

Flex

<cc-flex-gap>

Footer

Footer

Grid

ag-Grid

Header

<cc-header-app>
<cc-header-orga>
<cc-pricing-header>
Header

Heading

Heading
<cc-pricing-product-consumption>
<cc-tcp-redirection-form>
<cc-tcp-redirection>
Classification Markings
<cc-tile-consumption>
Input
<cc-pricing-product>
<cc-input-number>
<cc-input-text>
<cc-env-var-input>

Layout

Layout

Link

<cc-addon-linked-apps>
Link
ccLink()

List

<cc-invoice-list>
<cc-tile-instances>
<cc-article-list>
<cc-doc-list>

Menu

Select Menu
Menu Item
Pop Up Menu

Modal

Modal
Modal

Nav

Dropdown Menu Nav

Notification

Notification

Page

<cc-pricing-page>

Pagination

Pagination
Pagination

Popover

Popover
Popover

Progress

Progress Indicator
Progress
Progress Bar

Radio

Radio Group
Radio
Radio Group
Radio Group
Radio

Search

<cc-elasticsearch-info>
Search

Select

Select
<cc-select>
Select
SelectOption

Slider

Slider

Spinner

Spinner

Switch

Switch
Switch
Switch

Table

<cc-pricing-table>
Table
<cc-invoice-table>
Table
Table

Tabs

Tabs

Tag

Text

Textarea

Textarea

Textarea
Textarea

Toast

Toast

Toggle

<cc-toggle>

Tooltip

Tooltip
Tooltip

Typography

Typography