Sha256: e9e7339264d834bec97fd3726fc58d552ab8288c519d01f3d120d9e198239bd2
Contents?: true
Size: 1.54 KB
Versions: 1036
Compression:
Stored size: 1.54 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") do %>
<%= pb_rails("icon_circle", props: {icon:"flag", cursor: "pointer", variant:"royal"}) %>
<% end %>
<%= pb_rails("dropdown/dropdown_container", props:{max_width:"xs"}) 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