You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: website/content/components/rich-cell.mdx
+2-47Lines changed: 2 additions & 47 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -50,7 +50,7 @@ description: Расширенный компонент ячейки для от
50
50
- иконки размером `28px` (используйте `RichCell.Icon`);
51
51
- текст для кратких значений (суммы, проценты).
52
52
53
-
> **Важно:**`after`и `afterCaption` рендерятся справа от основного контента. Для размещения мета-информации внутри основного контента используйте `meta` и `submeta`.
53
+
> **Важно:**`after`рендерится справа от основного контента. Для размещения мета-информации внутри основного контента используйте `meta` и `submeta`.
54
54
55
55
### Текстовые элементы
56
56
@@ -60,8 +60,7 @@ description: Расширенный компонент ячейки для от
60
60
-`subtitle` — основной подзаголовок;
61
61
-`extraSubtitle` — дополнительное описание;
62
62
-`meta` — текст после основного контента (внутри центрального блока);
63
-
-`submeta` — текст под `meta`;
64
-
-`afterCaption` — пояснение к правому блоку (устаревшее, используйте `submeta`).
63
+
-`submeta` — текст под `meta`.
65
64
66
65
### Интерактивные элементы
67
66
@@ -90,50 +89,6 @@ description: Расширенный компонент ячейки для от
90
89
afterAlign="center"
91
90
before={<Icon56WalletOutline />}
92
91
after="+5%"
93
-
afterCaption="Кэшбек"
94
-
>
95
-
<Text weight="2">Премиум статус</Text>
96
-
<Text>Активен до 12.12.2024</Text>
97
-
</RichCell>
98
-
```
99
-
</Playground>
100
-
101
-
## Мета-информация
102
-
103
-
Компонент поддерживает два способа отображения мета-информации:
104
-
105
-
### Внутри основного контента (`meta` и `submeta`)
106
-
107
-
Используйте `meta` и `submeta` для размещения мета-информации внутри основного контента, рядом с текстом. Это рекомендуется для большинства случаев.
108
-
109
-
<Playground>
110
-
```jsx
111
-
<RichCell
112
-
before={<Avatar size={48} />}
113
-
overTitle="Команда ВКонтакте"
114
-
meta="Meta"
115
-
submeta="Submeta"
116
-
>
117
-
Илья Гришин
118
-
</RichCell>
119
-
```
120
-
</Playground>
121
-
122
-
### Справа от контента (`after` и `afterCaption`)
123
-
124
-
Используйте `after` и `afterCaption` для размещения мета-информации справа от основного контента.
125
-
126
-
> **Примечание:** Свойство `afterCaption` устаревшее и будет удалено в `v10`. Используйте вместо него `submeta`.
0 commit comments