gatsby-drupal-webform/dist/components/WebformCheckboxGroup.jsx

React component for Drupal webforms

import React from 'react';
import { getOptionId, useWebformElement } from '../utils';
import WebformElementWrapper from './WebformElementWrapper';
export const WebformCheckboxGroup = ({ element, error }) => {
    const [{ defaultValue, ...inputProps }, settings] = useWebformElement(element, {
        className: 'form-check-input',
        name: element.name,
        type: element.type
    });
    return (<WebformElementWrapper settings={settings} error={error}>
			{element.options &&
        element.options.map(option => (<div className="form-check" key={option.value}>
						
						<input id={getOptionId(element.name, option.value)} value={option.value} defaultChecked={defaultValue === option.value} {...inputProps}/>

						
						<label className="form-check-label" htmlFor={getOptionId(element.name, option.value)}>
							{option.label}
						</label>
					</div>))}
		</WebformElementWrapper>);
};
export default WebformCheckboxGroup;
//# sourceMappingURL=WebformCheckboxGroup.jsx.map