Web components

Web Components 是一种浏览器原生的、用于开发组件驱动的用户界面的方法。它们遵循 W3C 关于 HTML 元素封装和互操作性的规范。

184组件1193stories上次更新于 2 年前
推文
添加你的组件

折叠面板

折叠面板
Trendyol
3
折叠面板组
Trendyol
2

警告框

警告框
Trendyol
14
警告框
JSTOR
5
<cc-addon-elasticsearch-options>
Clever Cloud
3

徽章

徽章
Trendyol
5

面包屑

面包屑
JSTOR
1

按钮

查看全部 (10)
按钮
Trendyol
16
<cc-button>
Clever Cloud
15
分割按钮
Trendyol
9
按钮
JSTOR
8
按钮
RocketCom
5

日历

日历
Trendyol
4

卡片

查看全部 (11)
图片卡片
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

复选框

查看全部 (6)
复选框
Trendyol
13
复选框组
RocketCom
6
复选框组
Trendyol
6
复选框
JSTOR
5
复选框
RocketCom
5

代码

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

组合框

组合框
JSTOR
6

详情

项目详情
JSTOR
1

对话框

对话框
Trendyol
10

分割线

菜单项分割线
RocketCom
1

抽屉

抽屉
Trendyol
6

弹性布局

<cc-flex-gap>
Clever Cloud
5

页脚

页脚
JSTOR
1

网格

ag-Grid
RocketCom
1

头部

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

标题

标题
JSTOR
3

图标

查看全部 (12)
<cc-pricing-product-consumption>
Clever Cloud
22
<cc-tcp-redirection-form>
Clever Cloud
13
<cc-tcp-redirection>
Clever Cloud
8
分类标记
RocketCom
5
<cc-tile-consumption>
Clever Cloud
5

输入

查看全部 (9)
输入
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

布局

布局
JSTOR
5

链接

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

列表

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

菜单

选择菜单
RocketCom
10
菜单项
RocketCom
2
弹出菜单
RocketCom
2

模态框

模态框
JSTOR
4
模态框
RocketCom
2

导航

下拉菜单导航
JSTOR
1

通知

通知
Trendyol
8

页面

<cc-pricing-page>
Clever Cloud
4

分页

分页
Trendyol
4
分页
JSTOR
2

弹出框

弹出框
Trendyol
24
弹出框
JSTOR
5

进度

进度指示器
Trendyol
6
进度
RocketCom
4
进度条
JSTOR
2

单选按钮

单选按钮组
RocketCom
6
单选按钮
Trendyol
6
单选按钮组
Trendyol
5
单选按钮组
JSTOR
4
单选按钮
RocketCom
3

搜索

<cc-elasticsearch-info>
Clever Cloud
12
搜索
JSTOR
1

选择

选择
Trendyol
35
<cc-select>
Clever Cloud
8
选择
JSTOR
6
选择选项
Trendyol
3

滑块

滑块
RocketCom
6

旋转器

旋转器
Trendyol
6

开关

开关
Trendyol
7
开关
RocketCom
4
开关
JSTOR
1

表格

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

标签页

标签页
JSTOR
5
标签页
RocketCom
2

标签

标签
RocketCom
2

文本

文本域
RocketCom
9

文本域

文本域
Trendyol
24
文本域
JSTOR
6

提示

提示
JSTOR
5

开关

<cc-toggle>
Clever Cloud
9

工具提示

工具提示
Trendyol
15
工具提示
JSTOR
7

排版

排版
JSTOR
12