Sha256: 50eff59dd0a7c62091939253d261639cfd64e0f5a154c2082e500d3da3ecfd95

Contents?: true

Size: 1 KB

Versions: 62

Compression:

Stored size: 1 KB

Contents

#text-button.style-guide__subsection

  %h3= link_to_style_guide('components', 'text_button')

  %p Displays an element as a bold link, underlined on hover. Primarily used for styling secondary actions, like "Cancel" next to a "Submit" action.

  %p should work with <code>button[type=button]</code> elements:
  .style-guide__example-block
    = button_tag 'Text Button', class: 'text-button', type: 'button'

  %p should work with <code>button[type=submit]</code> elements:
  .style-guide__example-block
    = button_tag 'Text Button', class: 'text-button', type: 'submit'

  %p should work with <code>input[type=submit]</code> elements:
  .style-guide__example-block
    = submit_tag 'Text Button', class: 'text-button'

  %p should work with <code>a</code> elements:
  .style-guide__example-block
    = link_to 'Text Button', '#', class: 'text-button'

  %p should style non-interactive buttons wrapped in an <code>a</code> element:
  .style-guide__example-block
    = link_to '#' do
      %span.text-button Span Text Button

Version data entries

62 entries across 62 versions & 1 rubygems

Version Path
workarea-storefront-3.5.27 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.26 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.45 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.25 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.23 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.44 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.22 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.43 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.21 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.42 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.20 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.41 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.19 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.40 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.18 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.39 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.17 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.38 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.16 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.37 app/views/workarea/storefront/style_guides/components/_text_button.html.haml