Sha256: 057d805f527f142c0700c01f46ad2e3f672fc808e635c4ced44b80bd81be4c4c
Contents?: true
Size: 1.55 KB
Versions: 38
Compression:
Stored size: 1.55 KB
Contents
#button.style-guide__subsection
%h3= link_to_style_guide('components', 'button')
%p Displays an element as interactive button.
%p should work with <code>button[type=button]</code> elements:
.style-guide__example-block
= button_tag 'Button', class: 'button', type: 'button'
%p should work with <code>button[type=submit]</code> elements:
.style-guide__example-block
= button_tag 'Button', class: 'button', type: 'submit'
%p should work with <code>input[type=submit]</code> elements:
.style-guide__example-block
= submit_tag 'Button', class: 'button'
%p should work with <code>a</code> elements:
.style-guide__example-block
= link_to 'Button', '#', class: 'button'
%p should style non-interactive buttons wrapped in an <code>a</code> element:
.style-guide__example-block
= link_to '#' do
%span.button Span Button
#button--small.style-guide__subsection
%h3= link_to_style_guide('components', 'button__small')
%p should reduce the size of the button:
.style-guide__example-block
= button_tag 'Button Element', class: 'button button--small'
#button--create.style-guide__subsection
%h3= link_to_style_guide('components', 'button__create')
%p should change the color of a button:
.style-guide__example-block
= button_tag 'Button Element', class: 'button button--create'
#button--destroy.style-guide__subsection
%h3= link_to_style_guide('components', 'button__destroy')
%p should change the color of a button:
.style-guide__example-block
= button_tag 'Button Element', class: 'button button--destroy'
Version data entries
38 entries across 38 versions & 1 rubygems