Skip to content

Tag ​

用于标签、筛选和令牌的紧凑胶囊。tone 设置颜色(默认 Neutral 灰色),selected 升起一个强调色边框环,onClick 使胶囊成为按钮,onRemove 在尾部附加一个可用的 × 控件,其点击不会触发 onClick。

导入 ​

kotlin
import io.github.heartcoolman.prism.ui.PrismTag

基础用法 ​

kotlin
PrismTag("Label")

色调 ​

kotlin
PrismTag("Neutral", tone = PrismTone.Neutral)
PrismTag("Accent", tone = PrismTone.Accent)
PrismTag("Success", tone = PrismTone.Success)
PrismTag("Warning", tone = PrismTone.Warning)
PrismTag("Danger", tone = PrismTone.Danger)

选中、可点击与可移除 ​

kotlin
var selected by remember { mutableStateOf(false) }

PrismTag(
    label = "Filter",
    selected = selected,
    onClick = { selected = !selected },
    onRemove = { /* remove the tag */ },
)

API ​

参数类型默认值说明
labelString—显示在胶囊内的文本。
modifierModifierModifier布局/视觉修饰符。
tonePrismTonePrismTone.Neutral语义颜色:Accent、Success、Warning、Danger、Neutral。
selectedBooleanfalse升起强调色着色、强调色文本和强调色边框环。
onClick(() -> Unit)?null设置后,胶囊成为可点击的按钮。
onRemove(() -> Unit)?null设置后,在尾部附加一个 × 控件;其点击不会触发 onClick。

枚举 ​

kotlin
enum class PrismTone { Accent, Success, Warning, Danger, Neutral }

所有组件都假定外层存在一个 PrismTheme { }。主题细节请参见 Styling。

基于 MIT 许可发布。