ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / urbaoubp / gns.pitgradnja.com / wp-content / plugins / complianz-gdpr / settings / src / Settings / Inputs

import * as RadioGroupRadix from '@radix-ui/react-radio-group';
import {memo} from "@wordpress/element";

const RadioGroup = ({ label, id, value, onChange, required, defaultValue, disabled, options = {} }) => {
	return (
		<RadioGroupRadix.Root
			disabled={disabled && !Array.isArray(disabled)}
			className="cmplz-input-group cmplz-radio-group"
			value={value}
			aria-label={label}
			onValueChange={onChange}
			required={required}
			default={defaultValue}
		>
			{Object.entries(options).map(([key, optionLabel]) => (
				<div key={key} className={'cmplz-radio-group__item'}>
					<RadioGroupRadix.Item
						disabled={Array.isArray(disabled) && disabled.includes(key) }
						value={key}
						id={id + '_' + key}>
						<RadioGroupRadix.Indicator className={'cmplz-radio-group__indicator'} />
					</RadioGroupRadix.Item>
					<label className="cmplz-radio-label" htmlFor={id + '_' + key}>
						{optionLabel}
					</label>
				</div>
			))}
		</RadioGroupRadix.Root>
	);
};

export default memo(RadioGroup);

[-] TextInput.js [edit]
[-] TextAreaInput.js [edit]
[-] NumberInput.js [edit]
[-] SwitchInput.js [edit]
[-] InputHidden.js [edit]
[-] EmailInput.js [edit]
[-] PhoneInput.js [edit]
[-] ColorPicker.js [edit]
[-] CheckboxGroup.js [edit]
[-] Button.js [edit]
[+] ..
[-] PasswordInput.js [edit]
[-] TextSwitchInput.js [edit]
[-] BorderInput.js [edit]
[-] RadioGroup.js [edit]
[-] SelectInput.js [edit]
[-] URLInput.js [edit]