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.15 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.36 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.14 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.35 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.13 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.34 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.12 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.33 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.11 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.10 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.32 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.9 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.31 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.8 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.30 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.7 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.29 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.6 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.4.28 app/views/workarea/storefront/style_guides/components/_text_button.html.haml
workarea-storefront-3.5.5 app/views/workarea/storefront/style_guides/components/_text_button.html.haml