Components/Form components

ECheckBox Checkbox

import EUI 1.0

Examples

Checkbox

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { width: Math.min(640, parent.width) spacing: 16 ECheckBox { value: "no" falseValue: "no" trueValue: "yes" text: qsTr("Receive notifications") } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Checkbox

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width ECheckBox { text: qsTr("Unchecked") } ECheckBox { checked: true text: qsTr("Checked") } ECheckBox { checked: true borderVisible: false text: qsTr("Without border") } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

borderVisiblebool

Whether to show borders.

Defaulttrue

checkablebool

Allow clicks to toggle the checked state.

Defaultfalse

checkedbool

Whether the control is checked or active.

Defaultfalse

colorcolor

Custom color; a transparent value usually selects theme or semantic colors.

DefaultDynamic binding

enabledbool

Allow interaction; false disables the control.

Defaulttrue

falseValuevar

Value associated with unchecked or inactive state.

Defaultfalse

fontfont

Font settings for the family, size and text style.

Common fields:
family, pixelSize, pointSize
bold, italic, weight
underline, strikeout
letterSpacing, wordSpacing

Defaultapplication font

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

optRadiusint

Corner radius in pixels.

Default3

optSizeint

Size of the icon, option or interactive part in pixels.

DefaultDynamic binding

sizeint

Control size; inherits the nearest EConfigProvider by default.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultInherited; EStyle.Medium by default

styleTypeint

Semantic color style.

EStyle.Default
EStyle.Primary
EStyle.Success
EStyle.Info
EStyle.Warning
EStyle.Danger

DefaultEStyle.Default

textstring

Displayed text.

Default""

trueValuevar

Value associated with checked or active state.

Defaulttrue

validateEventbool

Request enclosing-form validation when the value changes.

Defaulttrue

valuevar

Current value; read or write through property bindings, with arrays for multiple or range selection.

Defaultundefined

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth