Status Icon

Display the status of an item

Sage Component

SageStatusIcon

<%= sage_component SagePanelBlock, {} do %>
  <%= sage_component SageStatusIcon, {
    icon: "preview-on",
    value: "Preview is active"
  } %>

  <%= sage_component SageStatusIcon, {
    icon: "lock",
    value: "This has been locked"
  } %>

  <%= sage_component SageStatusIcon, {
    icon: "warning",
    value: "Danger danger!"
  } %>

  <%= sage_component SageStatusIcon, {
    icon: "info-circle",
    value: "Good information here :)"
  } %>
<% end %>

Property	Description	Type	Default
`icon` required	The icon to be display.	String	See Icons.
`value` required	The hidden text value of the component.	String	`nil`