Status Icon

Display the status of an item


Preview is active
This has been locked
Danger danger!
Good information here :)

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 Sage Icons.

value

required

The hidden text value of the component.

String

nil