IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Forms migration: LayoutSelector (#23790)

Browse Source
This commit is contained in:
Tobias Skarhed
2020-04-22 17:49:46 +02:00
committed by GitHub
parent 83608baf2f
commit 78a6d39ebb
6 changed files with 19 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx
View File

@@ -3,6 +3,7 @@ import { css } from 'emotion';
import uniqueId from 'lodash/uniqueId';
import { SelectableValue } from '@grafana/data';
import { RadioButtonSize, RadioButton } from './RadioButton';
import { Icon } from '../../Icon/Icon';
const getRadioButtonGroupStyles = () => {
return {
@@ -67,19 +68,20 @@ export function RadioButtonGroup<T>({
return (
<div className={styles.radioGroup}>
{options.map(o => {
{options.map((o, i) => {
const isItemDisabled = disabledOptions && o.value && disabledOptions.includes(o.value);
return (
<RadioButton
size={size}
disabled={isItemDisabled || disabled}
active={value === o.value}
key={o.label}
key={`o.label-${i}`}
onChange={handleOnChange(o)}
id={`option-${o.value}-${id}`}
name={groupName.current}
fullWidth={fullWidth}
>
{o.icon && <Icon name={o.icon} />}
{o.label}
</RadioButton>
);