search
Buttons
Inputs
Loading
Media
Navigation
Panels & Popups
Scroll
Tables
Other Components
Directives
Plugins
Utils
Ajax-bar
用于显示 Ajax 请求进度的加载条
Avatar
展示头像、图标或文字的空间
Badge
用于突出显示小而重要的信息
Banner
展示重要消息和操作的横幅
Bar
用于辅助信息和操作的小型顶栏
Breadcrumbs
追踪你在应用中的当前位置
Buttons
快速触达最重要的操作
Buttons Dropdown
在更小的空间内展示更多操作
Buttons Group
经典按钮的另一种呈现方式
Cards
用于分组展示内容
Carousels
用于轮播展示图片和其他内容
Chat Message
展示用户对话消息
Checkbox
在列表中勾选一个或多个选项
Chips
承载信息和操作的小型容器
Circular Progress
以环形进度条告知内容加载中
Color Pickers
选择颜色值和颜色代码
Date Picker
选择日期
Dialogs
按需展示操作和信息的浮层
Editor WYSIWYG
所见即所得的富文本编辑器
Expansion Panels
展示隐藏的额外信息和操作
File Pickers
从用户设备中选择文件
Floating Action Button
展示页面的主要操作按钮
Forms
提交经过验证的表单输入
Form Fields
自定义表单元素的包装器
Icon
在其他组件中插入图标
Img
图片组件，提供基础图片功能
Infinite Scroll
滚动时自动加载并展示新内容
Inner Loading
在组件内部添加加载状态
Input Text Fields
收集用户输入的文本
Intersection
设置 UI 元素进入屏幕的方式
Knob
通过拖动旋钮设置数值
Linear Progress
多种行为的线性加载进度条
List and List Items
以垂直列表展示内容
Markup Table
以表格形式展示数据和内容
Menu
用于访问选项的下拉面板
No SSR
在 SSR 生成时忽略无关代码
Observer resize
当元素尺寸变化时触发事件
Observer scroll
当用户滚动时触发事件
Option Group
设置选项分组的辅助组件
Pagination
在多页间导航内容
Parallax
创建有趣的视差背景图效果
Popup Edit
内联编辑数据
Popup Proxy
点击时展示额外内容
Pull to Refresh
通过手势下拉刷新页面内容
Radio
在列表中选择单个选项
Range
在一定范围内选择一段区间
Rating
经典的星级评分组件
Responsive
保持内容的宽高比一致
Scroll Area
为组件设置可滚动区域
Select
从下拉列表中选择一项
Separator
内容的线性视觉分隔线
Skeleton
设置内容加载时的骨架屏占位
Slide Item
为列表项添加滑动拖拽功能
Slider
在一定范围内选择单个值
Slide Transition
展示隐藏内容的滑动过渡
Space
使用 Flexbox 填充元素间的空间
Spinners
多种样式的加载指示器
Splitter
为容器添加可拖动的分割调整器
Stepper
将内容分成渐进式步骤
Table
以数据表格展示大量数据
Tab Panels
在同一页面拆分内容视图
Tabs
在同一页面导航不同内容区域
Timeline
垂直展示时间节点的时间线
Time Picker
在时钟上设置具体时间
Toggle Buttons
从多个选项中选取一个的替代方式
Toggle
开关切换选项的开与关
Toolbar
顶部主工具栏，放置操作和菜单
Tooltip
展示 UI 元素的额外有用信息
Tree
层级数据的缩进树形结构
Uploader
从设备上传任意类型的文件
Video
嵌入并展示视频播放器
Virtual Scroll
滚动时按需渲染新内容
Intersection
处理元素进入视口的事件
Material Ripples
为元素添加 Material 水波纹效果
Mutation
监听 DOM 树的变更
Morph
在两种状态间变形 DOM 元素
Scroll
处理页面滚动事件
Scroll Fire
元素进入视口时执行操作
Touch Hold
处理触摸和鼠标长按操作
Touch Pan
处理触摸和鼠标拖动操作
Touch Repeat
处理重复的触摸和鼠标点击
Touch Swipe
处理触摸和鼠标滑动操作
Addressbar Color
管理浏览器地址栏颜色
App Fullscreen
管理应用全屏模式
App Visibility
处理应用进入或离开视口
Bottom Sheet
快速提供操作选项列表
Cookies
便捷管理浏览器 Cookie
Dark Mode
管理暗黑模式
Dialog
以浮层模态框展示内容
Loading
后台操作进行中的遮罩层
Loading Bar
为进行中的 Ajax 请求显示加载进度条
Local/Session Storage
管理本地存储和会话存储
Meta Plugin
通过管理 Meta 标签辅助 SEO
Notify
展示浮动的动画通知消息
Date utils
便捷处理日期对象
DOM utils
各种 DOM 相关的辅助工具
Morph utils
DOM 元素变形辅助工具
Formatter utils
各种文本格式化工具
Scrolling utils
各种滚动相关的工具
Type checking utils
判断变量类型的辅助工具
Event bus util
全局事件总线
Other utils
Quasar 提供的其他工具函数