Sha256: 2b6454918639cdd6877601576d12336b36e13d28279c2284e4bd026af93d39a8

Contents?: true

Size: 1.98 KB

Versions: 24

Compression:

Stored size: 1.98 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

  %p should support disabled state:
  .style-guide__example-block
    = button_tag 'Button', class: 'button', type: 'button', disabled: true


#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'

  %p should support disabled state:
  .style-guide__example-block
    = button_tag 'Button Element', class: 'button button--create', disabled: true


#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'

  %p should support disabled state:
  .style-guide__example-block
    = button_tag 'Button Element', class: 'button button--destroy', disabled: true

Version data entries

24 entries across 24 versions & 1 rubygems

Version Path
workarea-admin-3.5.27 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.26 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.25 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.23 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.22 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.21 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.20 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.19 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.18 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.17 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.16 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.15 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.14 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.13 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.12 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.11 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.10 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.9 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.8 app/views/workarea/admin/style_guides/components/_button.html.haml
workarea-admin-3.5.7 app/views/workarea/admin/style_guides/components/_button.html.haml