返回总览
添加你的项目

Sass 组件

Sass 是一种样式格式,会被编译成 CSS。它通过脚本、混入和嵌套等高级功能扩展了 CSS。

1048组件4178故事最近更新于去年
推文
添加你的组件

手风琴

查看全部 (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

自动完成

头像

查看全部 (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

颜色选择器

颜色选择器
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

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