Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Unrefactor Properties form to allow more freedom on the input types and form #32

Merged
Siklos merged 10 commits from dev.betterProperties into dev 2022-08-16 08:57:54 -04:00
Conversation 0 Commits 10 Files changed 19 +8 -2
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit f0bfa39f33 - Show all commits

6
src/Components/RadioGroupButtons/RadioGroupButtons.tsx
View file

@ -18,6 +18,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<input <input
type='radio' type='radio'
name={props.name} name={props.name}
className='m-2'
value={inputGroup.value} value={inputGroup.value}
checked={props.value === inputGroup.value} checked={props.value === inputGroup.value}
onChange={props.onChange} onChange={props.onChange}
@ -31,6 +32,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<input <input
type='radio' type='radio'
name={props.name} name={props.name}
className='m-2'
value={inputGroup.value} value={inputGroup.value}
defaultChecked={props.defaultValue === inputGroup.value} defaultChecked={props.defaultValue === inputGroup.value}
onChange={props.onChange} onChange={props.onChange}
@ -45,7 +47,9 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
<label> <label>
{props.labelText} {props.labelText}
</label> </label>
<div id='XPositionReference'> <div id='XPositionReference'
className='flex flex-col'
>
{ inputGroups } { inputGroups }
</div> </div>
</> </>

4
src/Interfaces/IInputGroup.ts
View file

@ -1,4 +1,6 @@
import React from 'react';
export interface IInputGroup { export interface IInputGroup {
text: string text: React.ReactNode
value: string value: string
} }