组件世界 NotionPet国产组件库

Notion 时间进度条

「今年已经过去 78%」这样的提醒,比日历更能让人抓紧时间。时间进度组件实时显示今天、本周、本月和今年的进度;年度格子把一年画成 365 个格子;生命进度可以按年、季、月、周、日切换,有 7 种进度条样式。

也可以把进度放在页面图标或封面上:时光进度环、年度点阵、周末电量,以及液体进度条样式的「年度进度」封面。

组件(4)

动态图标(3)

动态封面(5)

三步放进 Notion

  1. 选一个组件:点卡片进入详情,再点「创建组件」。需要登录,用邮箱收一个验证码就能注册。
  2. 按自己的需要设置:在编辑器里改文字、颜色、尺寸等选项,右侧预览会实时变化。
  3. 复制链接,嵌入 Notion:点「复制链接」,在 Notion 页面输入 /embed 并粘贴(也可以直接粘贴链接后选「嵌入」),拖动边角调整大小。

浏览全部组件

常见问题

能做项目 / 任务的完成进度吗?

这些组件显示的是时间进度(按日期自动计算),不读取 Notion 里的任务完成情况;项目进度可以用 Notion 数据库的公式或汇总属性来做。

这些组件免费吗?

本页 12 个组件都免费。登录后就能创建,免费账号可创建的数量有上限,Pro 不限。

在 Notion 手机版和桌面版里能显示吗?

能。组件是普通网页嵌入,Notion 网页版、桌面端和手机 App 都会显示,设备需要联网。

组件里的文字是什么语言?深色模式呢?

组件内容会按访客浏览器的语言显示简体中文、繁体中文、英文或日文;大多数组件会跟随系统自动切换浅色 / 深色。

除了 Notion 还能用在哪里?

任何支持嵌入网页的地方都可以,例如 Obsidian、FlowUs、Wolai,或者你自己的网站(用 iframe)。

相关主题

日历 · 倒计时 · 习惯打卡 · 日期与进度封面

全部主题