Components about assembly HOT 10 CLOSED

made some progress:

old link: https://cloud.githubusercontent.com/assets/5186564/20996808/54c6cbdc-bcce-11e6-8e41-9ff40a82128b.png

from assembly.

I know how we could use :checked to customize checkboxes and radio buttons, but that's going to require some kind of prescribed HTML pattern. Do people like the current pattern that requires the next sibling to be the label (esp. non-Studio folks)?

<!-- Next element must be the <label>  -->
<input id="checker" type='checkbox' class="frm-checkbox">
<label for="checker">Checkbox</label>

from assembly.

updated buttons, add button group and button group as tabs:

checkbox, radio button, and dropdowns:

next going to work on inputs and sliders

from assembly.

I wonder if we should use https://philipwalton.github.io/solved-by-flexbox/demos/input-add-ons/ for input addons

from assembly.

I would love if our checkboxes had flexibility to be used unstyled, with a custom checkbox, or as a button:

from assembly.

Fantastic @mayagao!

from assembly.

Input, toggles, and sliders.

some really arbitrary rules. I think I am going to design some forms and see how these looks together.

from assembly.

💯

It's possible we won't be able to modify ranges as much as you'd like, but we'll try.

I'm feeling some tension between these designs for forms and the default typography. If typography defaults to 16px, shouldn't a normal size input have font size 16px? I'm getting confused about what is "normal", in what situations.

from assembly.

I think having both hover and active colors may be too much for buttons. This is a lot of changing colors for a standard click:

from assembly.

Individual issues have been broken out for all components we still need, we are done here.

from assembly.