2.9.7






Icon Circle

Default


Close
<%= pb_rails("icon_circle", props: {
  icon: "user"
}) %>
Size


Close
<%= pb_rails("icon_circle", props: {
  icon: "comment",
  size: "xs"
}) %>

<%= pb_rails("icon_circle", props: {
  icon: "comment",
  size: "sm"
}) %>

<%= pb_rails("icon_circle", props: {
  icon: "comment",
  size: "md"
}) %>

<%= pb_rails("icon_circle", props: {
  icon: "comment",
  size: "lg"
}) %>

<%= pb_rails("icon_circle", props: {
  icon: "comment",
  size: "xl"
}) %>
Color


Close
<%= pb_rails("icon_circle", props: {
  icon: "comment",
  variant: "royal",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "archive",
  variant: "blue",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "arrow-alt-right",
  variant: "purple",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "cloud",
  variant: "teal",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "award",
  variant: "red",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "bolt",
  variant: "yellow",
  size: "sm"
}) %>
<%= pb_rails("icon_circle", props: {
  icon: "calendar",
  variant: "green",
  size: "sm"
}) %>
Available Props
id
data
classname
aria
children
icon
size
variant