froq/ui

文档

term

终端。全等宽,没有圆角,没有缓动。选择会打在命令行上。

反白表示当前项。给 Choice 传了 prefix 之后,下面的命令行把选择敲出来,敲完才改 v-model。没传 prefix,或者系统开了减弱动效,就立刻提交。

import '@froq/ui/term/style.css'
import { Choice, Toggle } from '@froq/ui/term'

页面或区块加上 class="ui-term"。

Choice

tone

plain

Toggle

方括号里的 x。可见文字默认是 label。

false

Props

Choice

Prop类型说明
v-modelstring当前值,必填。有 prefix 时,要等命令行敲完才变
options{ value, label }[]选项
labelstring可选。这组选择的名字,读屏用
prefixstring可选,term 独有。命令行前缀,例如 :set tone=

Toggle

Prop类型说明
v-modelboolean默认 false
labelstring必填。读屏名称。没写 on/off 文案时也当作可见文字
on-labelstring可选。打开时的词
off-labelstring可选。关闭时的词

Token

term

--ui-bg
--ui-fg
--ui-muted
--ui-faint
--ui-line
--ui-accent
--ui-font-display
--ui-font-text
--ui-font-meta
--ui-ease
--ui-dur
--ui-radius