Sha256: 34ec9a39120847e7c2b3ea38565c33d7b530ff8b5a327fc2342c21e83ad107f8

Contents?: true

Size: 1.04 KB

Versions: 5

Compression:

Stored size: 1.04 KB

Contents

#styled-select.style-guide__subsection

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

  %p Provides a stylized select menu UI
  %p The select_tag helper is decorated to automatically wrap most select tags in your application. You will need to update the markup of select tags injected as JST templates

  .style-guide__example-block
    .value
      = select_tag "style-guide-example", options_for_select([ "Option 1", "Option 2", "Option 3" ], "Option 1")

  %p should allow the optional passing of a modifier
  .style-guide__example-block
    = select_tag "style-guide-example-modified", options_for_select([ "Option 1", "Option 2", "Option 3" ], "Option 1"), modifier: 'styled-select--modified'

  %p Displays validation state
  .style-guide__example-block
    .value
      .styled-select
        %select{ class: 'jquery-validation-error' }
          %option{ disabled: true } Disabled Select Option

  .style-guide__example-block
    .value
      .styled-select
        %select{ class: 'jquery-validation-valid' }
          %option Select Option

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
workarea-nvy_theme-1.2.1 app/views/workarea/storefront/style_guides/components/_styled_select.html.haml
workarea-nvy_theme-1.2.0 app/views/workarea/storefront/style_guides/components/_styled_select.html.haml
workarea-nvy_theme-1.1.4 app/views/workarea/storefront/style_guides/components/_styled_select.html.haml
workarea-nvy_theme-1.1.3 app/views/workarea/storefront/style_guides/components/_styled_select.html.haml
workarea-nvy_theme-1.1.2 app/views/workarea/storefront/style_guides/components/_styled_select.html.haml