<%= pb_rails("icon_stat_value", props: { icon: "lightbulb-on", text: "Electric", unit: "kw", value: 64.18 }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "calendar", text: "deadline", unit: "days", value: 24 }) %>
<%= pb_rails("icon_stat_value", props: { icon: "car", size: "sm", text: "distance driven", unit: " mi", value: 158.3 }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "car", size: "md", text: "distance driven", unit: " mi", value: 158.3 }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "car", size: "lg", text: "distance driven", unit: " mi", value: 158.3 }) %>
<%= pb_rails("icon_stat_value", props: { icon: "broadcast-tower", orientation: "vertical", size: "sm", text: "Radio", unit: "wkz", value: 102.5 }) %>
<%= pb_rails("icon_stat_value", props: { icon: "globe-europe", text: "Mercury", unit: "AU", value: 0.39, variant:"blue" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "planet-ringed", text: "Venus", unit: "AU", value: 0.723, variant:"royal" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "planet-moon", text: "Earth", unit: "AU", value: 1.0, variant:"purple" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "solar-system", text: "Mars", unit: "AU", value: 1.524, variant:"teal" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "globe-americas", text: "Jupitar", unit: "AU", value: 5.203, variant:"red" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "globe-africa", text: "Saturn", unit: "AU", value: 9.539, variant:"yellow" }) %> <br> <%= pb_rails("icon_stat_value", props: { icon: "globe", text: "Uranus", unit: "AU", value: 19.18, variant:"green" }) %>