Sha256: c059233e9a0c631d0d21c1a70d2b383c51d2cc40f4e5a3a7af70bdf8f9e96bb7
Contents?: true
Size: 1.4 KB
Versions: 110
Compression:
Stored size: 1.4 KB
Contents
<% names = [ { label: 'Alexander Nathaniel Montgomery', value: 'Alexander Nathaniel Montgomery' }, { label: 'Isabella Anastasia Wellington', value: 'Isabella Anastasia Wellington' }, { label: 'Christopher Maximilian Harrington', value: 'Christopher Maximilian Harrington' }, { label: 'Elizabeth Seraphina Kensington', value: 'Elizabeth Seraphina Kensington' }, { label: 'Theodore Jonathan Abernathy', value: 'Theodore Jonathan Abernathy' }, ] %> <%= pb_rails("typeahead", props: { html_options: { style: { maxWidth: "240px" }}, id: "typeahead-form-pill", is_multi: true, options: names, label: "Truncation Within Typeahead", pills: true, truncate: 1, }) %> <%= pb_rails("caption", props: { text: "Form Pill Truncation" }) %> <%= pb_rails("card", props: { max_width: "xs" }) do %> <%= pb_rails("form_pill", props: { name: "Princess Amelia Mignonette Grimaldi Thermopolis Renaldo", avatar_url: "https://randomuser.me/api/portraits/women/44.jpg", tabindex: 0, truncate: 1, id: "truncation-1" }) %> <%= pb_rails("form_pill", props: { icon: "badge-check", text: "icon and a very long tag to show truncation", tabindex: 0, truncate: 1, id: "truncation-2" }) %> <%= pb_rails("form_pill", props: { text: "form pill long tag no tooltip show truncation", tabindex: 0, truncate: 1, }) %> <% end %>
Version data entries
110 entries across 110 versions & 2 rubygems