x4js - v2.2.49
    Preparing search index...

    Interface CheckboxProps

    Checkbox-specific input properties.

    interface CheckboxProps {
        attrs?: Record<string, string | number | boolean>;
        autofocus?: boolean;
        change?: EventCallback<EvChange>;
        checked?: boolean;
        cls?: string;
        content?: ComponentContent;
        disabled?: boolean;
        dom_events?: GlobalDOMEvents;
        existingDOM?: HTMLElement;
        flex?: number | boolean;
        focus?: EventCallback<EvFocus>;
        height?: string | number;
        hidden?: boolean;
        id?: string;
        name?: string;
        ns?: string;
        placeholder?: string;
        readonly?: boolean;
        ref?: RefType<any>;
        required?: boolean;
        style?: Partial<CSSStyleDeclaration>;
        tag?: string;
        tooltip?: string;
        type: "checkbox";
        value?: string | number | boolean;
        width?: string | number;
    }

    Hierarchy (View Summary)

    Index
    attrs? autofocus? change? checked? cls? content? disabled? dom_events? existingDOM? flex? focus? height? hidden? id? name? ns? placeholder? readonly? ref? required? style? tag? tooltip? type value? width?
    attrs?: Record<string, string | number | boolean>

    HTML attributes.

    autofocus?: boolean

    Automatically focus the input on page load.

    change?: EventCallback<EvChange>

    Fired when the input value changes.

    checked?: boolean

    Initial checked state.

    cls?: string

    Additional CSS classes.

    Optionalcontent

    content?: ComponentContent

    Child content (components, strings, or HTML).

    disabled?: boolean

    Component is initialy disabled.

    dom_events?: GlobalDOMEvents

    DOM event listeners.

    existingDOM?: HTMLElement

    Existing DOM element to wrap.

    flex?: number | boolean

    Enables flex layout (boolean) or sets flex-grow (number).

    focus?: EventCallback<EvFocus>

    Fired when the input receives/loses focus.

    height?: string | number

    Height (px or string like "50%").

    hidden?: boolean

    Component is initialy hidden.

    id?: string

    Element ID.

    name?: string

    Input field name. required if you want to use form getValues/setValues

    ns?: string

    Namespace for SVG/MathML elements.

    placeholder?: string

    Placeholder text displayed when empty.

    readonly?: boolean

    Makes the input read-only.

    ref?: RefType<any>

    Reference to the component instance.

    required?: boolean

    Marks the input as required.

    style?: Partial<CSSStyleDeclaration>

    Inline CSS styles.

    tag?: string

    HTML tag name (default: "div").

    tooltip?: string

    Tooltip text.

    type: "checkbox"
    value?: string | number | boolean

    Checkbox value (submitted when checked).

    width?: string | number

    Width (px or string like "50%" or "3em").

    Settings
    Member Visibility

    On This Page
    Properties