Sha256: 6e435a86513fe2214c1b35b1ed25a3fc5dfc72b093076e9bf7712ad83a425843
Contents?: true
Size: 1.4 KB
Versions: 1036
Compression:
Stored size: 1.4 KB
Contents
<%
options = [
{
label: "United States",
value: "United States",
areaCode: "+1",
icon: "πΊπΈ",
id: "us"
},
{
label: "Canada",
value: "Canada",
areaCode: "+1",
icon: "π¨π¦",
id: "ca"
},
{
label: "Pakistan",
value: "Pakistan",
areaCode: "+92",
icon: "π΅π°",
id: "pk"
}
]
%>
<%= pb_rails("dropdown", props: {options: options}) do %>
<%= pb_rails("dropdown/dropdown_trigger") %>
<%= pb_rails("dropdown/dropdown_container") do %>
<% options.each do |option| %>
<%= pb_rails("dropdown/dropdown_option", props: {option: option}) do %>
<%= pb_rails("flex", props: {
align: "center",
justify: "between",
}) do %>
<%= pb_rails("flex/flex_item") do %>
<%= pb_rails("flex") do %>
<%= pb_rails("icon", props: {icon: option[:icon]}) %>
<%= pb_rails("body", props: {text: option[:label], padding_left:"xs"}) %>
<% end %>
<% end %>
<%= pb_rails("flex/flex_item") do %>
<%= pb_rails("body", props: {color:"light", text: option[:areaCode]}) %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
Version data entries
1,036 entries across 1,036 versions & 2 rubygems