UNPKG

spring-button-test

Version:

29 lines (24 loc) 658 B
Some neumorphic checkboxes. hmmmmmm smoothh ```jsx import { useState } from 'react'; import Surface from '../Surface/Surface'; import RadioExport from './Radio'; const list = ['Option A', 'Option B', 'Option C']; const [radio, setRadio] = useState(undefined); const handleRadio = (event) => { const { value } = event.target; console.log('value', value); setRadio(value); }; <Surface width={450} height={60}> {list.map((option) => ( <RadioExport key={option} checked={radio === option} handleChange={handleRadio} value={option} label={option} ></RadioExport> ))} </Surface>; ```