Checkboxes

[jrbarnes9]

Use this place to discuss the checkboxes component in the ONS Design System

[bameyrick]

Currently there is no way to pass attributes to the checkboxes. It would be good to pass attributes to checkboxes like on inputs.

[jrbarnes9]

Screen reader doesn't read out revealed text input field label or content when selecting 'other' checkbox option.

[jrbarnes9]

#951 resolved

[boxadesign]

#1783

[jrbarnes9]

A selected checkbox/radio input border should be red when wrapped in error

Currently:

Should be:

[dariusz22p]

Checkboxes don't work with latest template, without CSS style.
They also need a 'name' which is missing from example.
So working minimum would be:

<div class="ons-grid__col ons-col-3@m ">
  <div class="ons-pl-grid-col">
{{
    onsCheckboxes({
        "checkboxesLabel": "Clearing Status:",
        "dontWrap": true,
        "checkboxes": [
            {
                "id": "clear",
                "name": "statuses-clear",
                "label": {
                    "text": "CLEAR"
                },
                "value": "clear"
            }

}}

Can we please update example on https://ons-design-system.netlify.app/components/checkboxes/

[boxadesign]

@dariusz22p Can you provide more info on what you mean "don't work". Is this a specific variant?

[jrbarnes9]

Borderless checkboxes should always have a white background

[jrbarnes9]

Raised #1800

[jrbarnes9]

'Select all' button submits form

[jrbarnes9]

Raised #2110

[jrbarnes9]

Raised #2141

[jrbarnes9]

Tabbing onwards from visible text input put focus on first input rather than the next focusable element.

[jrbarnes9]

Raised #2375

[AlanHONS]

Requesting enhancement to Checkbox component to allow 'Revealed Textarea' with character count on Checkboxes.
In the same way this was enabled for Radio buttons as part of 70.0.4 - See #56 (comment)

Confirm that we have a definite need for this to deliver current design for RAS Replacement IDS Project Approval UI flow