实地笔记01 / 03
基础
一次构建， 随处交付。
无障碍的基础组件，适用于任何产品。
设计系统UIIFY组件
实地笔记02 / 03
组合
可扩展的 界面。
由小而可靠的部分组合而成的清晰模式。
设计系统UIIFY组件
实地笔记03 / 03
无障碍
首次渲染 即可使用。
在JavaScript加载之前，就能用键盘操作的实用界面。
设计系统UIIFY组件
全部56个组件。
库中每个组件均按已批准的样式展示。组成结构遵循平台惯例：标签位于控件上方，控件高度36–38px，焦点环宽3px，选择和操作共用一种蓝色。
邮件通知接收工作区的最新动态。
60%
适用于键盘和悬停的帮助文本。
工作区
月收入刚刚更新
$12,480最近动态本周有12个新事件
工作区设置管理成员和偏好设置
配送
2–3天内发货。
退货
30天内可退。
ReactUI
React
UI
TypeScript
无障碍
Ready
Release notes
A short summary of the latest product changes.
Read the release notesAda Lovelace
One check remains.
Enter a domain. Add https:// when using the value.
No projects yet
Create a project to organize your work.
- Status
- Active
- Project notes
- This value is intentionally long to show that detailed content wraps within the available space.
切换
面板内容
| 姓名 | 角色 |
|---|---|
| 爱丽丝 | 管理员 |
| 鲍勃 | 编辑 |
更多详细信息显示在这里。
Team workspace
A shared view of what you are working on.
12Active projects
4Awaiting review
Workspace overview
Keep your team's projects and recent updates in one place.
Projects
Website refresh · In progress. Design library · Ready for review.
Recent activity
The team updated the roadmap and shared a new design proposal.
Create a project
Start with a name, invite your team, and plan your next milestone.
Workspace help
Find guides for organizing projects and collaborating with your team.
简介
A table of contents gives readers a map of a longer article. Open the contents or choose a bar to jump to a section. Scroll this article to follow your position in the rail.
示例
Keep navigation beside the content it describes. Each of the four bars and its matching link points to a real section in this preview, so you can explore without leaving the card.
API
Give each section a unique ID and use that same ID for its link and indicator. Scope scroll tracking to the article’s container when the content sits inside another page.
样式
Use CSS to adjust the rail, spacing and panel. The active bar follows the current section. Native heading links continue to work when JavaScript is unavailable.
右键区域
User 1
Admin
User 2
Viewer
User 3
Editor
User 4
Admin
User 5
Editor
User 6
Viewer
User 7
Admin
User 8
Viewer
User 9
Editor
User 10
Admin
User 11
Editor
User 12
Viewer
User 13
Admin
User 14
Viewer
User 15
Editor
User 16
Admin
User 17
Editor
User 18
Viewer
User 19
Admin
User 20
Viewer
将文件拖放到此处