Sha256: 27b5233501a05fe65a33a9d7bcc7e3b42eceb8d1c0ed373e055f4adb8a3f4795
Contents?: true
Size: 1.38 KB
Versions: 4
Compression:
Stored size: 1.38 KB
Contents
<% options = [ { label: "United States", value: "United States", areaCode: "+1", icon: "πΊπΈ", id: "United-states" }, { label: "Canada", value: "Canada", areaCode: "+1", icon: "π¨π¦", id: "canada" }, { label: "Pakistan", value: "Pakistan", areaCode: "+92", icon: "π΅π°", id: "pakistan" } ] %> <%= 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/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 %>
Version data entries
4 entries across 4 versions & 2 rubygems