3.5.0






Circle Icon Button

Default





Close
<%= pb_rails("circle_icon_button", props: {
  variant: "primary",
  icon: "plus"
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  variant: "secondary",
  icon: "pen"
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  disabled: true,
  icon: "times"
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  variant: "link",
  icon: "user"
}) %>
Dark





Close
<%= pb_rails("circle_icon_button", props: {
  variant: "primary",
  icon: "plus",
  dark: true
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  variant: "secondary",
  icon: "pen",
  dark: true
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  disabled: true,
  icon: "times",
  dark: true
}) %>

<br/>

<%= pb_rails("circle_icon_button", props: {
  variant: "link",
  icon: "user",
  dark: true
}) %>
Available Props
id
data
classname
aria
children
variant
disabled
icon
dark