Sha256: 3e0c8bf680f49e0837a592023f68fc221c30c5e954ef94e7a50670f0beb8dc73
Contents?: true
Size: 1.54 KB
Versions: 62
Compression:
Stored size: 1.54 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--large.style-guide__subsection
%h3= link_to_style_guide('components', 'button__large')
%p should increase the size of the button:
.style-guide__example-block
= button_tag 'Button Element', class: 'button button--large'
#button--full.style-guide__subsection
%h3= link_to_style_guide('components', 'button__full')
%p should increase the size of the button:
.style-guide__example-block
= button_tag 'Button Element', class: 'button button--full'
Version data entries
62 entries across 62 versions & 1 rubygems