ToolJet/frontend/src/Editor/Components/Table/Radio.jsx
2021-08-29 11:45:57 +05:30

20 lines
No EOL
675 B
JavaScript

import React, { useState } from 'react';
export const Radio = ({ options, value, onChange, readOnly }) => {
value = value === undefined ? [] : value;
options = Array.isArray(options) ? options : [];
return (
<div className="radio row">
<div>
{options.map((option) =>
<label class="form-check form-check-inline" onClick={() => { if(!readOnly) onChange(option.value); } }>
<input class="form-check-input" type="radio" checked={option.value === value} disabled={readOnly && (option.value !== value)}/>
<span class ="form-check-label">{option.name}</span>
</label>
)}
</div>
</div>
);
};