Checkbox

A implementation of a checkbox as a form-connected web-component.

fluent-checkbox

Setup

Basic Setup

import {
    provideFluentDesignSystem,
    fluentCheckbox
} from "@fluentui/web-components";

provideFluentDesignSystem()
    .register(
        fluentCheckbox()
    );

Customizing the check indicator

import {
    provideFluentDesignSystem,
    fluentCheckbox
} from "@fluentui/web-components";

provideFluentDesignSystem()
    .register(
        fluentCheckbox({
            checkedIndicator: `...your checked indicator...`,
            indeterminateIndicator: `...your indeterminate indicator...`,
        })
    );

Example

Please see the Blazor documentation and demo site for more information.