Plane UI 组件示例

基本元素

• 文本、段落、标题等 Texts
• 图片 Image
• 列表 List
• 网格布局 Grid Layout
• Flexbox 弹性布局 Flexible Box Layout
• 图标 Icons
  • Font Awesome 图标
  • 手机淘宝图标库
• 表格 Table
• 字体 Font Face
• 过渡与动画 Animations

Material Design 元素

• Material Design Colors
• Material Design Z-Depth

Web 页面组件

• 菜单 Menu
• 表单及元素 Form
• 按钮 Button
• 按钮式表格 Button sheet
• 开关按钮 Switch Button
• 自定义上传控件 File input
• 复选框与单选框 Checkbox & Radio
• 卡片 Card
• 列表视图 ListView
• 徽章标签 Badge & Tag
• 文章内容 Article
• 面包屑 Breadcrumb
• 关闭按钮 Close Button
• 评论列表 Comments
• 分页栏 Pagination
• 加载等待 Loading
• 通知公告 Notice
• 搜索框 Search
• 时间轴 Timeline
• 遮罩层 Mask
• 进度条 Progress
• 圆形与圆环进度条 Ring Progress
• 排行列表 Top 10

JavaScript 组件

• 表单验证 Form Validator
• 拖放 Draggable
• 对话框 Dialog
• 选项卡 Tab
• 提示层 Tooltip
• 评价 / 评分 Rating
• 视图位置监测 InViewport
• 屏幕尺寸监测 Response Size
• 锚点及位置滚动 ScrollTo
• Hover Scroll
• 颜色选择器 (Material Design) Color Picker

插件

• Full Pager
• 自定义滚动条