为什么捐赠
API 浏览器
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Buttons 按钮
Button 按钮
Button Group 按钮组
Button Dropdown 下拉按钮
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Form Components 表单组件
Input 输入框
Select 选择器
File Picker 文件选择器
Form 表单
Field 字段
Radio 单选框
Checkbox 复选框
Toggle 开关
Button Toggle 按钮开关
Option Group 选项组
Slider 滑块
Range 范围选择
Time Picker 时间选择器
Date Picker 日期选择器
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Resize Observer 尺寸观察者
Scroll Observer 滚动观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
联系站长
标签
Vue 组件
Avatar 头像
Vue 组件
Icon 图标
Vue 组件
Badge 徽标

QChip 组件用于显示简短的信息片段，如标签、联系人等复杂底层数据的紧凑表示。

Chip 可以包含头像、文本或图标等元素，也可以配置为可点击、可关闭或可移除。

TIP

也可以看看 QBadge。

正在加载 QChip API...

用法

基础示例
紧凑模式
自定义尺寸
方形样式
轮廓样式
可点击
可选择
可移除
长标签截断
还想了解更多？
Vue 组件
Chat Message 聊天消息
Vue 组件
Circular Progress 环形进度条
发现错误？在浏览器中编辑此页
1. Introduction
2. QChip API
3. 用法