Sha256: fa848983174cc71b76ad59ba98468deb9fb48b87e8ce2a303c78d606fb5ae8c2

Contents?: true

Size: 853 Bytes

Versions: 24

Compression:

Stored size: 853 Bytes

Contents

<%
  options = [
    { label: 'Windows', value: '#FFA500' },
    { label: 'Siding', value: '#FF0000' },
    { label: 'Doors', value: '#00FF00' },
    { label: 'Roofs', value: '#0000FF' },
  ]
%>

<%= pb_rails("typeahead", props: { options: options, label: "Colors", name: :foo, pills: true }) %>

<!-- This section is an example of the available JavaScript event hooks -->
<%= javascript_tag defer: "defer" do %>
  document.addEventListener("pb-typeahead-kit-result-option-select", function(event) {
    console.log('Option selected')
    console.dir(event.detail)
  })
  document.addEventListener("pb-typeahead-kit-result-option-remove", function(event) {
    console.log('Option removed')
    console.dir(event.detail)
  })
  document.addEventListener("pb-typeahead-kit-result-clear", function() {
    console.log('All options cleared')
  })
<% end %>

Version data entries

24 entries across 24 versions & 1 rubygems

Version Path
playbook_ui-7.4.0.pre.alpha6 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.4.0.pre.alpha4 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.4.0.pre.alpha2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.4.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha12 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha11 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha10 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha9 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha8 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha7 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha6 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha5 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha4 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha3 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.3.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.2.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.1.2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.1.0.pre.alpha2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
playbook_ui-7.1.1.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb