tag

Used for marking and selection

Example

Basic usage

1<tag text="'tag 1'"></tag>
2<tag text="'hello'" color="#ff0000" theme="Error"></tag>

Closeable

1<tag text="'hello'" closeable></tag>

Attributes

NameDescriptionType
themeThemesThemes
background_colorBackground colorMakepadColor
background_visibleWhether to display the backgroundbool
hover_colorHover colorMakepadColor
stroke_hover_colorBorder hover colorMakepadColor
text_hover_colorText hover colorMakepadColor
focus_colorFocus colorMakepadColor
stroke_focus_colorBorder focus colorMakepadColor
text_focus_colorText focus colorMakepadColor
border_colorBorder colorMakepadColor
border_widthBorder widthF32
border_radiusBorder radiusF32
shadow_colorShadow colorMakepadColor
spread_radiusShadow spread radiusF32
blur_radiusShadow blur radiusF32
shadow_offsetShadow offsetVec2
textText contentString
font_sizeFont sizeF64
colorFont colorMakepadColor
font_familyFont familyLiveDependency
height_factorHeight factorF64
line_scaleLine spacing ratioF64
cursorMouse pointerMouseCursor
closeableCloseablebool
srcResource pathLiveDependency
icon_brightnessIcon brightnessF32
icon_curveIcon curveF32
icon_linearizeIcon linearizationF32
icon_scaleIcon scalingF64
icon_colorIcon colorMakepadColor
icon_draw_depthIcon drawing depthF32
visibleVisible or notbool
text_walkText layout parametersTextWalk
grab_key_focusWhether to get keyboard focusbool
icon_walkIcon layout parametersWalk
`icon_layoutIcon layoutLayout
abs_posAbsolute positionDVec2
marginMarginMargin
widthWidthSize
heightHeightSize
scrollScroll offsetDVec2
clip_xwhether to clip Xbool
clip_ywhether to clip Ybool
paddinginner marginPadding
alignalignmentAlign
flowflowFlow
spacingspacingF64
animation_keywhether to enable animationbool
event_keyevent identifierbool

event callback

namedescriptionparameter
clickedclick eventGTagClickedParam
hover_inhover inGTagHoverParam
hover_outhover outGTagHoverParam
closedclosed eventGTagClosedParam
focusget focusGTagFocusParam
focus_lostlose focusGTagFocusLostParam