Sha256: c059233e9a0c631d0d21c1a70d2b383c51d2cc40f4e5a3a7af70bdf8f9e96bb7
Contents?: true
Size: 1.4 KB
Versions: 106
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
106 entries across 106 versions & 2 rubygems