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 2 years ago
Tweet
Add your component

Accordion

Accordion
Trendyol
3
Accordion Group
Trendyol
2

Alert

Alert
Trendyol
14
Alert
JSTOR
5
<cc-addon-elasticsearch-options>
Clever Cloud
3

Badge

Badge
Trendyol
5

Breadcrumb

Breadcrumb
JSTOR
1

Button

View all (10)
Button
Trendyol
16
<cc-button>
Clever Cloud
15
Split Button
Trendyol
9
Button
JSTOR
8
Button
RocketCom
5

Calendar

Calendar
Trendyol
4

Card

View all (11)
Image Card
JSTOR
15
<cc-env-var-linked-services>
Clever Cloud
15
<cc-env-var-editor-expert>
Clever Cloud
9
<cc-env-var-editor-json>
Clever Cloud
9
<cc-env-var-editor-simple>
Clever Cloud
9

Checkbox

View all (6)
Checkbox
Trendyol
13
Checkbox Group
RocketCom
6
Checkbox Group
Trendyol
6
Checkbox
JSTOR
5
Checkbox
RocketCom
5

Code

<cc-tile-status-codes>
Clever Cloud
6
<cc-loader>
Clever Cloud
5

Combobox

Combobox
JSTOR
6

Details

Item Detail
JSTOR
1

Dialog

Dialog
Trendyol
10

Divider

Menu Item Divider
RocketCom
1

Drawer

Drawer
Trendyol
6

Flex

<cc-flex-gap>
Clever Cloud
5

Footer

Footer
JSTOR
1

Grid

ag-Grid
RocketCom
1

Header

<cc-header-app>
Clever Cloud
18
<cc-header-orga>
Clever Cloud
8
<cc-pricing-header>
Clever Cloud
5
Header
JSTOR
1

Heading

Heading
JSTOR
3

Icon

View all (12)
<cc-pricing-product-consumption>
Clever Cloud
22
<cc-tcp-redirection-form>
Clever Cloud
13
<cc-tcp-redirection>
Clever Cloud
8
Classification Markings
RocketCom
5
<cc-tile-consumption>
Clever Cloud
5

Input

View all (9)
Input
Trendyol
28
<cc-pricing-product>
Clever Cloud
25
<cc-input-number>
Clever Cloud
15
<cc-input-text>
Clever Cloud
15
<cc-env-var-input>
Clever Cloud
14

Layout

Layout
JSTOR
5

Link

<cc-addon-linked-apps>
Clever Cloud
7
Link
JSTOR
5
ccLink()
Clever Cloud
3

List

<cc-invoice-list>
Clever Cloud
9
<cc-tile-instances>
Clever Cloud
8
<cc-article-list>
Clever Cloud
6
<cc-doc-list>
Clever Cloud
6

Menu

Select Menu
RocketCom
10
Menu Item
RocketCom
2
Pop Up Menu
RocketCom
2

Modal

Modal
JSTOR
4
Modal
RocketCom
2

Nav

Dropdown Menu Nav
JSTOR
1

Notification

Notification
Trendyol
8

Page

<cc-pricing-page>
Clever Cloud
4

Pagination

Pagination
Trendyol
4
Pagination
JSTOR
2

Popover

Popover
Trendyol
24
Popover
JSTOR
5

Progress

Progress Indicator
Trendyol
6
Progress
RocketCom
4
Progress Bar
JSTOR
2

Radio

Radio Group
RocketCom
6
Radio
Trendyol
6
Radio Group
Trendyol
5
Radio Group
JSTOR
4
Radio
RocketCom
3

Search

<cc-elasticsearch-info>
Clever Cloud
12
Search
JSTOR
1

Select

Select
Trendyol
35
<cc-select>
Clever Cloud
8
Select
JSTOR
6
SelectOption
Trendyol
3

Slider

Slider
RocketCom
6

Spinner

Spinner
Trendyol
6

Switch

Switch
Trendyol
7
Switch
RocketCom
4
Switch
JSTOR
1

Table

<cc-pricing-table>
Clever Cloud
19
Table
Trendyol
10
<cc-invoice-table>
Clever Cloud
6
Table
JSTOR
4
Table
RocketCom
2

Tabs

Tabs
JSTOR
5
Tabs
RocketCom
2

Tag

Tag
RocketCom
2

Text

Textarea
RocketCom
9

Textarea

Textarea
Trendyol
24
Textarea
JSTOR
6

Toast

Toast
JSTOR
5

Toggle

<cc-toggle>
Clever Cloud
9

Tooltip

Tooltip
Trendyol
15
Tooltip
JSTOR
7

Typography

Typography
JSTOR
12