Sha256: 543a8ad2b3e82daf843efe1c916d08b83a4b825a61b9db2e7d682a5b79cf4ef6
Contents?: true
Size: 1.52 KB
Versions: 28
Compression:
Stored size: 1.52 KB
Contents
#checkbox.style-guide__subsection
%h3= link_to_style_guide('components', 'checkbox')
%p Provide an alternative UI to standalone checkboxes.
.style-guide__example-block
.checkbox
= check_box_tag 'checkbox_1', 'value_1', false, class: 'checkbox__input'
= label_tag 'checkbox_1', 'Select The Row', class: 'checkbox__label', title: 'Select Row'
#checkbox--indeterminate.style-guide__subsection
%h3= link_to_style_guide('components', 'checkbox__indeterminate')
%p shows an alternative indeterminate checkbox UI
.style-guide__example-block
.checkbox.checkbox--indeterminate
= check_box_tag 'checkbox_2', 'value_2', false, class: 'checkbox__input'
= label_tag 'checkbox_2', 'I dunno dawg', class: 'checkbox__label', title: 'Select Row'
#checkbox--no-label.style-guide__subsection
%h3= link_to_style_guide('components', 'checkbox__no_label')
%p should visually hide the label
.style-guide__example-block
.checkbox.checkbox--no-label
= check_box_tag 'checkbox_3', 'value_3', false, class: 'checkbox__input'
= label_tag 'checkbox_3', 'Select The Row', class: 'checkbox__label', title: 'Select Row'
%p This behavior is also default when <code>checkbox__label</code> is found within <code>index-table</code>:
%p should visually hide the label
.style-guide__example-block
.index-table
.checkbox
= check_box_tag 'checkbox_4', 'value_4', false, class: 'checkbox__input'
= label_tag 'checkbox_4', 'Select The Row', class: 'checkbox__label', title: 'Select Row'
Version data entries
28 entries across 28 versions & 1 rubygems