SepBase 通用属性

所有组件自动支持的通用属性,一次定义,全局生效

cursor — 鼠标样式

所有组件均支持 cursor 属性,统一设置鼠标悬停样式。支持 CSS cursor 全部取值: pointernot-allowedmovewaittextgrab 等。

HTML 声明式标签
JS API 初始化

className / style — 自定义类名与样式

className 为根元素追加自定义 CSS 类;style 接收样式对象,直接应用到根元素。 声明式中对象类型需用 :style="{expr}" 绑定。

HTML 声明式标签
JS API 初始化

background / color — 背景色与文字色

background 设置根元素背景色,color 设置根元素文字色。 支持任意合法 CSS 颜色值(关键字、hex、rgb、var 等)。
注意:SepBadge 的 color 为组件特有属性(徽标指示器背景色), 不与通用 color 冲突,由组件自身处理。

HTML 声明式标签
JS API 初始化

show / hide / toggle / isVisible — 显示隐藏

所有组件实例均内置 show()hide()toggle()isVisible() 方法, 基于 d-none 类切换显示状态,天然兼容 !important。 适用于表单、面板、弹窗等任意组件的显隐控制。

点击按钮控制下方卡片显隐

这是一张可以通过 show() / hide() / toggle() 控制显隐的卡片。