文档
插件
案例展示
博客
可视化测试
企业版
84,733
搜索文档
⌃
K
返回总览
添加你的项目
Sass 组件
Sass 是一种样式格式,会被编译成 CSS。它通过脚本、混入和嵌套等高级功能扩展了 CSS。
1048
组件
4178
故事
最近更新于去年
复制链接
推文
所有框架
开源
添加你的组件
组件名称 (A–Z)
手风琴
查看全部 (7)
bpk-component-accordion
Skyscanner
9
手风琴
Carbon Design System
4
accordion
GitLab
2
accordion-item
GitLab
2
SbAccordion
Storyblok
1
警告框
查看全部 (9)
bpk-component-banner-alert
Skyscanner
17
alert
GitLab
8
警告框
JSTOR
5
CalloutAlert
Massachusetts Digital Services
2
EmergencyAlerts
Massachusetts Digital Services
2
自动完成
自动完成
Shopify
9
自动完成搜索
SpaceONE
6
头像
查看全部 (10)
SbAvatar
Storyblok
11
头像
Shopify
7
bpk-component-navigation-bar
Skyscanner
7
头像
GitLab
5
SbAvatarGroup
Storyblok
3
徽章
查看全部 (8)
徽章
Shopify
13
bpk-component-badge
Skyscanner
12
SbBadge
Storyblok
7
badge
GitLab
5
徽章
SpaceONE
4
横幅
查看全部 (7)
横幅
Shopify
15
横幅
AnyVision
5
banner
GitLab
5
BrandBanner
Massachusetts Digital Services
2
BannerNavigation
WFP
2
面包屑
查看全部 (8)
SbBreadcrumbs
Storyblok
5
面包屑
SpaceONE
5
面包屑
Carbon Design System
4
bpk-component-breadcrumb
Skyscanner
3
breadcrumb
GitLab
2
按钮
查看全部 (48)
按钮
Shopify
24
按钮
GitLab
21
bpk-组件-按钮
Skyscanner
21
bpk-组件-加载按钮
Skyscanner
14
Sb按钮
Storyblok
11
日历
DRP - 日历属性
AirBnb
33
SDP - 日历属性
AirBnb
28
bpk-组件-日历
Skyscanner
20
bpk-组件-可滚动日历
Skyscanner
19
卡片
查看全部 (18)
卡片
Shopify
22
传统卡片
Shopify
18
图片卡片
JSTOR
15
媒体卡片
Shopify
9
选择卡片
SpaceONE
9
轮播
轮播
GitLab
1
图表
bpk-组件-条形图
Skyscanner
11
动态图表
SpaceONE
4
聊天
查看全部 (8)
聊天消息
Agora
1
聊天消息列表
Agora
1
聊天消息
Agora
1
聊天面板
Agora
1
聊天标签页标题
Agora
1
复选框
查看全部 (15)
bpk-组件-复选框
Skyscanner
9
复选框
WFP
7
复选框
Shopify
6
复选框
SpaceONE
6
复选框
JSTOR
5
标签
查看全部 (8)
标签输入
AnyVision
9
bpk-组件-图形推广
Skyscanner
8
bpk-组件-电话号码输入
Skyscanner
8
bpk-组件-标签
Skyscanner
7
图表工具提示
GitLab
4
代码
查看全部 (23)
bpk-组件-字段集
Skyscanner
13
bpk-组件-日期选择器
Skyscanner
12
云存储上传项
Agora
7
bpk-组件-微调器
Skyscanner
7
bpk-组件-滑块
Skyscanner
7
折叠
查看全部 (8)
可折叠列表
SpaceONE
7
可折叠的
Shopify
4
可折叠面板
SpaceONE
3
折叠
Grafana
2
折叠切换
SpaceONE
2
颜色选择器
颜色
Narmi
5
颜色选择器
Shopify
4
颜色
Storyblok
1
下拉组合框
下拉组合框
Shopify
7
下拉组合框
JSTOR
6
下拉组合框
Narmi
5
下拉组合框
Carbon Design System
4
表单组合框
GitLab
1
上下文菜单
上下文菜单
SpaceONE
14
上下文菜单项
SpaceONE
6
日期选择器
日期时间选择器
SpaceONE
11
Sb日期选择器
Storyblok
7
日期选择器
Shopify
6
详情
项目详情
JSTOR
1
对话框
对话框向导
AnyVision
5
对话框
Narmi
4
bpk组件对话框
Skyscanner
4
Sb上传对话框
Storyblok
1
对话框
AnyVision
1
分割线
视频缩略图
Shopify
4
分割线
Shopify
2
分割线
SpaceONE
2
分割线
Massachusetts Digital Services
1
侧边栏
侧边栏
GitLab
4
侧边栏
Grafana
4
弹性布局
筛选框
Massachusetts Digital Services
1
页脚
查看全部 (9)
字体
Narmi
5
字体
Narmi
5
页脚
WFP
4
页脚帮助
Shopify
3
页脚
Massachusetts Digital Services
2
表单
查看全部 (9)
表单选择
GitLab
5
表单布局
Shopify
4
表单
Shopify
2
Sb表单组
Storyblok
2
Sb表单项
Storyblok
2
栅格
查看全部 (6)
栅格
Carbon Design System
10
进度向导
SpaceONE
6
栅格布局
SpaceONE
5
bpk-component-grid
Skyscanner
4
带指示器的进度
AnyVision
3
页眉
查看全部 (13)
页眉
Massachusetts Digital Services
6
页眉搜索
Massachusetts Digital Services
2
页眉汉堡菜单
Massachusetts Digital Services
2
精简页眉
Massachusetts Digital Services
2
页眉
JSTOR
1
标题
查看全部 (6)
标题
JSTOR
3
结果标题
Massachusetts Digital Services
2
unstable_Heading
Carbon Design System
1
CompHeading
Massachusetts Digital Services
1
标题
Massachusetts Digital Services
1
Hero
Hero
WFP
11
Hero
kickstartDS
6
hover-load-directive
GitLab
1
TypeAheadDropdown
Massachusetts Digital Services
1
图标
查看全部 (32)
DayPickerRangeController
AirBnb
37
DayPickerSingleDateController
AirBnb
21
bpk-component-icon
Skyscanner
10
图标
Shopify
8
bpk-component-floating-notification
Skyscanner
6
图像
查看全部 (8)
bpk-component-image
Skyscanner
12
懒加载图像
SpaceONE
5
图像推广
Massachusetts Digital Services
3
时间范围输入
TimeRangePicker
Grafana
2
Input
查看全部 (32)
DRP - Input Props
AirBnb
18
SDP - Input Props
AirBnb
14
bpk-component-input
Skyscanner
14
Input
SpaceONE
11
Text Input
JSTOR
6
Label
查看全部 (12)
chart-series-label
GitLab
7
bpk-component-label
Skyscanner
6
labeled
GitLab
3
label
GitLab
3
FormLabel
Carbon Design System
2
Layout
查看全部 (10)
Layout
Shopify
7
Layout
JSTOR
5
AuthLayout
WFP
3
VizLayout
Grafana
2
Horizontal Layout
SpaceONE
2
Link
查看全部 (16)
bpk-component-link
Skyscanner
7
Link
JSTOR
5
Link
Shopify
4
SbLink
Storyblok
3
Link
Carbon Design System
3
List
查看全部 (36)
ResourceList
Shopify
19
ActionList
Shopify
10
ChoiceList
Shopify
7
OptionList
Shopify
7
MultiSelect
Carbon Design System
6
Listbox
Listbox
Shopify
7
Loading
查看全部 (10)
SbLoading
Storyblok
7
InlineLoading
WFP
3
Loading
WFP
3
InlineLoading
Carbon Design System
2
Loading
Shopify
1
菜单
查看全部 (8)
bpk-component-autosuggest
Skyscanner
8
菜单
AnyVision
7
溢出菜单
Carbon Design System
3
bpk-component-blockquote
Skyscanner
3
上下文菜单
Carbon Design System
2
弹窗
查看全部 (21)
弹窗
Shopify
16
bpk-component-modal
Skyscanner
12
SbModal
Storyblok
9
弹窗包装器
WFP
5
弹窗
JSTOR
4
导航
查看全部 (18)
bpk-component-horizontal-nav
Skyscanner
11
步骤导航
WFP
4
unstable_TreeView
Carbon Design System
3
实用导航
Massachusetts Digital Services
3
bpk-component-navigation-stack
Skyscanner
3
通知
SbNotification
Storyblok
4
页面
查看全部 (13)
页面
Shopify
19
页面
kickstartDS
8
页面标题
SpaceONE
6
骨架页面
Shopify
5
页面操作
Shopify
4
分页
查看全部 (15)
bpk-component-pagination
Skyscanner
6
分页
Shopify
5
分页
GitLab
5
SbPagination
Storyblok
4
分页
Carbon Design System
3
胶囊
bpk-component-infinite-scroll
Skyscanner
10
筛选胶囊
Grafana
2
弹出框
查看全部 (9)
bpk-component-popover
Skyscanner
11
弹出框
Shopify
10
bpk-component-overlay
天巡
8
弹出框
JSTOR
5
弹出框
GitLab
3
进度
查看全部 (7)
进度条
SpaceONE
5
进度条
Shopify
4
unstable_进度条
Carbon 设计系统
4
bpk-component-progress
天巡
4
进度
AnyVision
3
单选按钮
查看全部 (9)
bpk-component-radio
天巡
7
单选按钮
SpaceONE
6
单选按钮组
JSTOR
4
单选按钮
Narmi
4
SbRadio
Storyblok
3
评分
bpk-component-star-rating
天巡
11
bpk-component-rating
天巡
6
搜索
查看全部 (12)
搜索下拉菜单
SpaceONE
12
查询搜索
SpaceONE
7
搜索
Carbon 设计系统
5
搜索
SpaceONE
5
筛选搜索
GitLab
4
选择
查看全部 (19)
SbSelect
Storyblok
18
bpk-component-select
天巡
12
选择
Grafana
11
选择
Shopify
9
选择下拉菜单
SpaceONE
9
分隔符
上下文保存栏
Shopify
4
全屏栏
Shopify
3
滑块
查看全部 (7)
索引过滤器
Shopify
13
范围滑块
AnyVision
9
范围滑块
Shopify
5
SbSlideover
Storyblok
4
滑块
Carbon 设计系统
4
加载指示器
加载指示器
Shopify
4
加载指示器
AnyVision
3
bpk-component-spinner
天巡
3
内联错误
Shopify
1
加载指示器
Grafana
1
堆叠
查看全部 (6)
内联堆叠
Shopify
18
块堆叠
Shopify
12
堆叠柱状图
GitLab
8
传统堆叠
Shopify
7
统计选择器
Grafana
1
开关
查看全部 (6)
开关
AnyVision
3
内容切换器
WFP
3
bpk-component-switch
Skyscanner
3
内容切换器
Carbon Design System
2
开关
Grafana
2
表格
查看全部 (23)
索引表格
Shopify
49
数据表格
Shopify
12
数据表格
SpaceONE
12
SbDataTable
Storyblok
11
定义表格
SpaceONE
9
标签页
查看全部 (12)
标签页
GitLab
8
标签页
Shopify
7
传统标签页
Shopify
6
标签页
Narmi
6
标签页
JSTOR
5
标签
查看全部 (16)
标签
Shopify
8
日期范围选择器 (DRP)
AirBnb
8
标签
Carbon Design System
5
标签
SpaceONE
4
标签
Narmi
3
文本
查看全部 (17)
文本字段
AnyVision
17
文本
WFP
8
文本区域
SpaceONE
6
bpk-component-text
Skyscanner
6
bpk-component-textarea
Skyscanner
6
文本字段
SbNumberField
Storyblok
1
文本区域
查看全部 (7)
文本字段
Shopify
29
文本
Shopify
9
文本区域
JSTOR
6
Sb文本字段
Storyblok
6
骨架显示文本
Shopify
4
标题
登录标题
Agora
1
提示
提示
Shopify
9
提示
JSTOR
5
提示
GitLab
3
提示
SpaceONE
1
开关
查看全部 (8)
设置开关
Shopify
3
Sb开关
Storyblok
3
开关
Narmi
3
开关
Carbon Design System
3
开关
GitLab
2
工具提示
查看全部 (14)
工具提示
Shopify
15
工具提示
JSTOR
7
bpk组件工具提示
Skyscanner
7
工具提示
Carbon Design System
6
工具提示
AnyVision
4
排版
排版
JSTOR
12
排版
Storyblok
1
排版
Grafana
1
排版
Massachusetts Digital Services
1