@salutejs/plasma-new-hope 0.325.0-canary.1954.15296930381.0 → 0.325.0-canary.1954.15297919353.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/emotion/cjs/components/List/List.template-doc.mdx +42 -0
- package/emotion/es/components/List/List.template-doc.mdx +42 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/List/List.template-doc.mdx +42 -0
- package/styled-components/es/components/List/List.template-doc.mdx +42 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: list
|
|
3
|
+
title: List
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import { PropsTable } from '@site/src/components';
|
|
7
|
+
|
|
8
|
+
# List
|
|
9
|
+
Компонент ячейки.
|
|
10
|
+
|
|
11
|
+
<PropsTable name="List" />
|
|
12
|
+
|
|
13
|
+
Компонент представляет собой спсиок состоящий из `ListItem`.
|
|
14
|
+
|
|
15
|
+
ListItem представляет собой простой компонент с текстом и иконкой
|
|
16
|
+
|
|
17
|
+
### Типы ListItem
|
|
18
|
+
<PropsTable name="ListItem" />
|
|
19
|
+
|
|
20
|
+
## Примеры
|
|
21
|
+
|
|
22
|
+
### Базовое использование
|
|
23
|
+
```tsx live
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { List, ListItem } from '@salutejs/{{ package }}';
|
|
26
|
+
import { IconChevronRight } from '@salutejs/plasma-icons';
|
|
27
|
+
|
|
28
|
+
export function App() {
|
|
29
|
+
return (
|
|
30
|
+
<div>
|
|
31
|
+
<List view="default" size="s" variant="normal">
|
|
32
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
|
|
33
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
|
|
34
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />} disabled>
|
|
35
|
+
Test Item 3
|
|
36
|
+
</ListItem>
|
|
37
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
|
|
38
|
+
</List>
|
|
39
|
+
</div>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
```
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: list
|
|
3
|
+
title: List
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import { PropsTable } from '@site/src/components';
|
|
7
|
+
|
|
8
|
+
# List
|
|
9
|
+
Компонент ячейки.
|
|
10
|
+
|
|
11
|
+
<PropsTable name="List" />
|
|
12
|
+
|
|
13
|
+
Компонент представляет собой спсиок состоящий из `ListItem`.
|
|
14
|
+
|
|
15
|
+
ListItem представляет собой простой компонент с текстом и иконкой
|
|
16
|
+
|
|
17
|
+
### Типы ListItem
|
|
18
|
+
<PropsTable name="ListItem" />
|
|
19
|
+
|
|
20
|
+
## Примеры
|
|
21
|
+
|
|
22
|
+
### Базовое использование
|
|
23
|
+
```tsx live
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { List, ListItem } from '@salutejs/{{ package }}';
|
|
26
|
+
import { IconChevronRight } from '@salutejs/plasma-icons';
|
|
27
|
+
|
|
28
|
+
export function App() {
|
|
29
|
+
return (
|
|
30
|
+
<div>
|
|
31
|
+
<List view="default" size="s" variant="normal">
|
|
32
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
|
|
33
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
|
|
34
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />} disabled>
|
|
35
|
+
Test Item 3
|
|
36
|
+
</ListItem>
|
|
37
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
|
|
38
|
+
</List>
|
|
39
|
+
</div>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.325.0-canary.1954.
|
|
3
|
+
"version": "0.325.0-canary.1954.15297919353.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "60fe3b4c674c05f4d8818232f10b65738cad43de"
|
|
141
141
|
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: list
|
|
3
|
+
title: List
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import { PropsTable } from '@site/src/components';
|
|
7
|
+
|
|
8
|
+
# List
|
|
9
|
+
Компонент ячейки.
|
|
10
|
+
|
|
11
|
+
<PropsTable name="List" />
|
|
12
|
+
|
|
13
|
+
Компонент представляет собой спсиок состоящий из `ListItem`.
|
|
14
|
+
|
|
15
|
+
ListItem представляет собой простой компонент с текстом и иконкой
|
|
16
|
+
|
|
17
|
+
### Типы ListItem
|
|
18
|
+
<PropsTable name="ListItem" />
|
|
19
|
+
|
|
20
|
+
## Примеры
|
|
21
|
+
|
|
22
|
+
### Базовое использование
|
|
23
|
+
```tsx live
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { List, ListItem } from '@salutejs/{{ package }}';
|
|
26
|
+
import { IconChevronRight } from '@salutejs/plasma-icons';
|
|
27
|
+
|
|
28
|
+
export function App() {
|
|
29
|
+
return (
|
|
30
|
+
<div>
|
|
31
|
+
<List view="default" size="s" variant="normal">
|
|
32
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
|
|
33
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
|
|
34
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />} disabled>
|
|
35
|
+
Test Item 3
|
|
36
|
+
</ListItem>
|
|
37
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
|
|
38
|
+
</List>
|
|
39
|
+
</div>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
```
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
id: list
|
|
3
|
+
title: List
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
import { PropsTable } from '@site/src/components';
|
|
7
|
+
|
|
8
|
+
# List
|
|
9
|
+
Компонент ячейки.
|
|
10
|
+
|
|
11
|
+
<PropsTable name="List" />
|
|
12
|
+
|
|
13
|
+
Компонент представляет собой спсиок состоящий из `ListItem`.
|
|
14
|
+
|
|
15
|
+
ListItem представляет собой простой компонент с текстом и иконкой
|
|
16
|
+
|
|
17
|
+
### Типы ListItem
|
|
18
|
+
<PropsTable name="ListItem" />
|
|
19
|
+
|
|
20
|
+
## Примеры
|
|
21
|
+
|
|
22
|
+
### Базовое использование
|
|
23
|
+
```tsx live
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import { List, ListItem } from '@salutejs/{{ package }}';
|
|
26
|
+
import { IconChevronRight } from '@salutejs/plasma-icons';
|
|
27
|
+
|
|
28
|
+
export function App() {
|
|
29
|
+
return (
|
|
30
|
+
<div>
|
|
31
|
+
<List view="default" size="s" variant="normal">
|
|
32
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
|
|
33
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
|
|
34
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />} disabled>
|
|
35
|
+
Test Item 3
|
|
36
|
+
</ListItem>
|
|
37
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
|
|
38
|
+
</List>
|
|
39
|
+
</div>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
```
|