# extendify/0.9.3/src/Onboarding/components/CheckboxInput.js

Extendify, version 0.9.3. 39 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.9.3/code/src/Onboarding/components/CheckboxInput.js
- Raw: https://pluginprobe.com/plugins/extendify/0.9.3/raw/src/Onboarding/components/CheckboxInput.js
- Modified: 2022-08-11T22:01:54+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.9.3/code/src/Onboarding/components/CheckboxInput.js#L10-L20`.

```javascript
import { Checkmark } from '@onboarding/svg'

export const CheckboxInput = ({
    label,
    slug,
    description,
    checked,
    onChange,
}) => {
    return (
        <label
            className="flex hover:text-partner-primary-bg focus-within:text-partner-primary-bg"
            htmlFor={slug}>
            <span className="mt-0.5 w-6 h-6 relative inline-block mr-3 align-middle">
                <input
                    id={slug}
                    className="h-5 w-5 rounded-sm"
                    type="checkbox"
                    onChange={onChange}
                    defaultChecked={checked}
                />
                <Checkmark
                    className="absolute components-checkbox-control__checked"
                    style={{ width: 24, color: '#fff' }}
                    role="presentation"
                />
            </span>
            <span>
                <span className="text-base">{label}</span>
                {description ? (
                    <span className="block pt-1">{description}</span>
                ) : (
                    <span></span>
                )}
            </span>
        </label>
    )
}

```