Chip

在内容角落附加状态标记。

实时预览

正在加载预览…

参数配置

全部字段 8

ChipOptions

Styles · 0

Go 代码

Go
// Inside a view; c is *ui.Context, t is nui.Theme.
nui.Chip(c.Key("chip"), t, nui.ChipOptions{Text: "3", Color: nui.ColorDefault, Size: nui.SizeDefault, Hidden: false}, func() { nui.Avatar(c.Key("avatar"), t, nui.AvatarOptions{Alt: "Ada Lovelace", Size: nui.XL}) }).AlignSelf(ui.Start)

使用说明

Chip 将小标记附在头像外侧，可用于数量或在线状态。切换 hidden 查看主体仍保留的效果，标记文字和颜色可独立于头像设置。

API 参考

Chip

源码 
func Chip(c *ui.Context, t Theme, opts ChipOptions, content func()) ui.Element

ChipOptions

源码 
type ChipOptions struct {
	Color         Color
	Size          Size
	Text          string
	Position      ChipPosition
	Inset, Hidden bool
	Decoration
}
字段类型说明
ColorColor

Go 零值: ColorDefault

语义颜色；默认值继承主题或组件配色。

SizeSize

Go 零值: SizeDefault

组件尺寸；默认值继承主题或组件尺寸。

Textstring

Go 零值: ""

显示的文字内容。

PositionChipPosition

Go 零值: zero value

指示器或通知的显示位置。

Insetbool

Go 零值: false

将标记放在内容边界内。

Hiddenbool

Go 零值: false

隐藏状态标记。

UIStyles

Go 零值: zero value

以部件名称为键覆盖外观和间距。

Stylefunc(Slot, ui.Element)

Go 零值: nil

同步配置当前构建的部件；不要保留 Element。