Skip to content
Snippets Groups Projects

Devel

Merged Eryk Mika requested to merge devel into main
3 files
+ 38
13
Compare changes
  • Side-by-side
  • Inline

Files

+ 8
1
import NumberWithUnit from "../NumberWithUnit/NumberWithUnit";
export default function DuoInput({label, onChange, values, layout = 'column'}) {
export default function DuoInput({label, onChange, values, layout = 'column', units = [
{label: 'px', value: 'px'},
{label: '%', value: '%'},
{label: 'em', value: 'em'},
{label: 'pt', value: 'pt'},
]}) {
const keys = Object.keys(values);
const valuesArray = Object.values(values);
@@ -22,6 +27,7 @@ export default function DuoInput({label, onChange, values, layout = 'column'}) {
<NumberWithUnit
className='fi-duo-field fi-duo-field-input'
value={valuesArray[0]}
units={units}
onChange={(e) => {
handleChange(0, e)
}}
@@ -29,6 +35,7 @@ export default function DuoInput({label, onChange, values, layout = 'column'}) {
<NumberWithUnit
className='fi-duo-field fi-duo-field-input'
value={valuesArray[1]}
units={units}
onChange={(e) => handleChange(1, e)}
/>
</div>
Loading