SiLi 组件库

在这里试用论坛组件、表单和图标。

成长与空间组件

设计变量

色彩

tokens.css
页面--page
面板--surface
正文--ink
浅蓝--accent-soft
操作蓝--accent
分隔线--line

字体

--font-sans / --font-mono
思源黑体 · 中文
分享你的想法
Nunito · 拉丁字母
Build in the open.
Geist Mono · 代码
go run ./cmd/sili

间距与圆角

--space-* / --radius-*
4812162024
5px8px12px

基础组件

按钮

Button / IconButton

标签与头像

Badge / Avatar
话题置顶已解决开源已隐藏

输入框

TextField

使用常用邮箱接收验证码。

请输入 6 位验证码。

分段切换

SegmentedControl

当前选择 · 最新

状态反馈

行内提示

Notice
邮箱验证完成后，即可参与讨论。
回复已发布。

空状态

EmptyState
没有找到话题

换个关键词试试。

弹窗与表单

Dialog / SignupForm

SVG 图标

导航

  • 首页House
  • 菜单Menu
  • 搜索Search
  • 返回ArrowLeft
  • 继续ArrowRight
  • 外部链接ArrowUpRight
  • 展开ChevronDown
  • 组件库Layers3
  • 加入DoorOpen

讨论与互动

  • 讨论MessageCircle
  • 回复Reply
  • 点赞Heart
  • 收藏Bookmark
  • 置顶Pin
  • 浏览Eye
  • 热门Flame
  • 标签Hash
  • 参与者UsersRound

编辑与附件

  • 新建Plus
  • 加粗Bold
  • 斜体Italic
  • 列表List
  • 引用Quote
  • 链接Link2
  • 代码Code2
  • 图片Image
  • 附件Paperclip
  • 发布Send
  • 上传Upload
  • 下载Download

状态与管理

  • 已选Check
  • 成功CircleCheck
  • 错误CircleAlert
  • 提示Info
  • 帮助CircleHelp
  • 最近活动Clock3
  • 举报Flag
  • 审核ShieldCheck
  • 锁定LockKeyhole
  • 通知Bell
  • 更多Ellipsis
  • 关闭X

账户与工具

  • 账户UserRound
  • 邮箱Mail
  • 设置Settings2
  • 筛选SlidersHorizontal
  • 浅色主题Sun
  • 深色主题Moon
  • 终端Terminal
  • 源文件FileCode2
  • 分支GitFork
  • 文件夹FolderOpen
  • 日历CalendarDays
  • 指南BookOpenText

论坛组件

讨论摘要

TopicList
  • 技术交流8 分钟前

    #Go#开源项目
    Chen回应

    可以给命令加上一个 --dry-run，我经常想先核对将要执行的内容。

  • 问答互助问题已解决42 分钟前

    #Docker
    Lin回应

    可以加一个 /ready，检查依赖状态，再用 healthcheck 请求这个端点。

对话记录

PostCard
Lin发起讨论
今天

把日常用的命令整理进一个 Go CLI，可以交互式搜索，也可以从配置文件导入。

cmdbook list --tag git

最有用的功能反倒是给每条命令记一行适用场景。

Chen参与讨论
8 分钟前

可以给命令加上一个 --dry-run，我经常想先核对将要执行的内容。

写作区

Composer
Markdown
53 字符