ryanve / interfaces

Interface ideas
0 stars 0 forks source link

Checkbox or radio choices #2

Open ryanve opened 7 years ago

ryanve commented 7 years ago
<Checklist
  values={["KISS", "NOFX"]}
  onChange={}
  legend="Choose Band"
  disabled
/>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose bands</Legend>
  <LabelBlock>
    <Checkbox onChange={} />
    <Choice>KISS</Choice>
  </LabelBlock>
  <LabelBlock>
    <Checkbox onChange={} />
    <Choice>NOFX</Choice>
  </LabelBlock>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose bands</Legend>
  <CheckArea><CheckBox onChange={} />{"KISS"}</CheckArea>
  <CheckArea><CheckBox onChange={} />{"NOFX"}</CheckArea>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose bands</Legend>
  <Choice checkbox onChange={} />{"KISS"}</Choice>
  <Choice checkbox onChange={} />{"NOFX"}</Choice>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose band</Legend>
  <Choice radio name="band" onChange={} />{"KISS"}</Choice>
  <Choice radio name="band" onChange={} />{"NOFX"}</Choice>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose bands</Legend>
  <CheckTarget><CheckBox onChange={} />{"KISS"}</CheckTarget>
  <CheckTarget><CheckBox onChange={} />{"NOFX"}</CheckTarget>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose bands</Legend>
  <Target><Check onChange={} />{"KISS"}</Target>
  <Target><Check onChange={} />{"NOFX"}</Target>
</Field>
ryanve commented 7 years ago

<Field disabled>
  <Legend>Choose bands</Legend>
  <Choice><Check onChange={} />{"KISS"}</Choice>
  <Choice><Check onChange={} />{"NOFX"}</Choice>
</Field>
ryanve commented 7 years ago
<Field disabled>
  <Legend>Choose band</Legend>
  <Choice><Radio name="band" onChange={} />{"KISS"}</Choice>
  <Choice><Radio name="band" onChange={} />{"NOFX"}</Choice>
</Field>