Cards

Card подходит для компактных виджетов и контентных блоков. Цветовые состояния карточек задаются модификаторами `card-success`, `card-warning`, `card-error`, `card-info`.

Card title

Карточка для контента, виджетов, статусов.

Device alias

•

ON

Device display name. Maby letters, many words

Device alias

•

Device display name. Maby letters, many words

device_alias

•

OFF

Device display name. Maby letters, many words

device_alias

•

OFF

Device display name. Maby letters, many words

device_alias

•

OFF

Device display name. Maby letters, many words

device_alias

•

OFF

Device display name. Maby letters, many words

Cards HTML

<div class="card device-action card-success">
  <span class="card-title">Device alias</span>
  <div class="card-content">
    <div class="device-icon-container">
      <div class="device-online-status status-online">•</div>
      <div class="device-icon">
        <i class="ph ph-power"></i>
        ON
      </div>
    </div>
    <p class="device-name">Kitchen Light</p>
  </div>
</div>