Context Icon new

A small icon that is used to indicate the status or category of a record. The context icon is mostly positioned in the top or bottom right corner of an element (e.g. Circular Icon) and uses FontAwesome icons.

<div class="c-context-icon -neu" aria-hidden="true">
  <i class="far fa-plus"></i>
</div>

State Modifiers

.c-context-icon.-is-disabled

Type Modifiers

Use these modifiers on the .c-circular-context component to change its background color.

State / Modifier	Icon Class	Meaning	Preview
.-neu	fas fa-plus	Neu / New
.-done, .-fertig	fas fa-check	Fertig / Done / Success
.-sent	fas fa-check-double	Gesendet / Transferred
.-star	fas fa-star	Favorit / Star
.-erneut	fas fa-arrow-rotate-left	Erneut / Repeat
.-edit	far fa-pen	Bearbeiten / Edit
.-warning	fas fa-exclamation	Warnung / Warning
.-linked	fas fa-link	Verknüpft / Linked
.-readonly	fas fa-eye	Readonly
.-archiv	fa-kit fa-archiv	Archiv
.-template	fas fa-file-lines	Vorlage / Template
.-recent	fas fa-clock-rotate-left	Zuletzt / Recent
.-trash	fas fa-trash	Papierkorb / Trash
.-settings	fas fa-cog	Einstellungen / Settings

---