Foundation and layout Container Native Qt

Card

A polished content container with padding, spacing, border, radius, color, and accent treatment.

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

card padding: 24, spacing: 12, accent: "#b7ff5a" do
  label "System status", bold: true
  text "All services are healthy."
end

API

Component properties

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

paddingPadding configuration for Card.property

spacingSpacing configuration for Card.property

colorColor configuration for Card.property

radiusRadius configuration for Card.property

border_colorBorder color configuration for Card.property

accentAccent configuration for Card.property

visibleVisible configuration for Card.property

Show 16 shared item properties

enabledopacityscalerotationzwidthheightfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

Events

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

↗clickNative event payload