# Data Display ## Tables Используйте tables для плотных списков сущностей и сравнений. ```html
Name Status Updated
API Gateway Online 14:30
``` ## Lists Navigation lists используют `.list-nav`, обычные списки - `.list`. ```html ``` ## Description List Description List подходит для read-only деталей сущности. ```html
Owner
Platform Team
Status
Active
``` ## Cards Cards используются для самостоятельных блоков: summary, action, metric, status. ```html

Card title

Card content.

``` Для числовых показателей: ```html

Requests

24.8k

+12% from yesterday
``` ## Badges и Chips Badges показывают состояние, chips - компактные значения или фильтры. ```html Online Review Error ``` ```html API ``` ## Avatar и Identity ```html
AG
Ada Grace Platform
``` ## Timeline Timeline подходит для audit log, activity feed и истории событий. ```html

  1. Build completed

    Pipeline finished successfully.

```