zui docs v0.0.5
GitHub ↗
Display, content, and media Native Qt

Chip

A compact selectable or deletable label for filters, tags, and lightweight actions.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby
chip "Ruby", icon: :ruby, selected: true, deletable: true
API

Component properties

17 component-specific values, plus shared item and layout properties.

textText configuration for Chip.property
iconIcon configuration for Chip.property
selectedSelected configuration for Chip.property
deletableDeletable configuration for Chip.property
enabledEnabled configuration for Chip.property
backgroundBackground configuration for Chip.property
selected_backgroundSelected background configuration for Chip.property
foregroundForeground configuration for Chip.property
selected_foregroundSelected foreground configuration for Chip.property
accentAccent configuration for Chip.property
heightHeight configuration for Chip.property
radiusRadius configuration for Chip.property
horizontal_paddingHorizontal padding configuration for Chip.property
spacingSpacing configuration for Chip.property
font_sizeFont size configuration for Chip.property
icon_sizeIcon size configuration for Chip.property
visibleVisible configuration for Chip.property
Show 14 shared item properties
opacityscalerotationzwidthfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

clickNative event payload
changeNative event payload
deleteNative event payload