@salutejs/plasma-new-hope 0.115.0-canary.1310.10239714196.0 → 0.115.0-canary.1310.10239897326.0
Sign up to get free protection for your applications and to get access to all the features.
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +5 -5
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +5 -5
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +5 -5
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx +5 -5
|
@@ -12,7 +12,7 @@ import { PropsTable } from '@site/src/components';
|
|
|
12
12
|
|
|
13
13
|
```tsx live
|
|
14
14
|
import React from 'react';
|
|
15
|
-
import { Breadcrumbs } from '@salutejs/
|
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
16
16
|
|
|
17
17
|
export function App() {
|
|
18
18
|
const items = [
|
|
@@ -32,7 +32,7 @@ export function App() {
|
|
|
32
32
|
# Использование с shorter
|
|
33
33
|
```tsx live
|
|
34
34
|
import React from 'react';
|
|
35
|
-
import { Breadcrumbs } from '@salutejs/
|
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
36
36
|
|
|
37
37
|
export function App() {
|
|
38
38
|
const items = [
|
|
@@ -43,7 +43,7 @@ export function App() {
|
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return (
|
|
46
|
-
<div style
|
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
|
47
47
|
<div>
|
|
48
48
|
<Breadcrumbs items={items} showItems={2} />
|
|
49
49
|
</div>
|
|
@@ -58,7 +58,7 @@ export function App() {
|
|
|
58
58
|
# Использование с кастомным элементом
|
|
59
59
|
```tsx live
|
|
60
60
|
import React from 'react';
|
|
61
|
-
import { Breadcrumbs, Dropdown } from '@salutejs/
|
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
|
62
62
|
|
|
63
63
|
export function App() {
|
|
64
64
|
const items = [
|
|
@@ -88,7 +88,7 @@ export function App() {
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
return (
|
|
91
|
-
<div style
|
|
91
|
+
<div style=\{{height: '200px'}}>
|
|
92
92
|
<Breadcrumbs items={items} />
|
|
93
93
|
</div>
|
|
94
94
|
);
|
|
@@ -12,7 +12,7 @@ import { PropsTable } from '@site/src/components';
|
|
|
12
12
|
|
|
13
13
|
```tsx live
|
|
14
14
|
import React from 'react';
|
|
15
|
-
import { Breadcrumbs } from '@salutejs/
|
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
16
16
|
|
|
17
17
|
export function App() {
|
|
18
18
|
const items = [
|
|
@@ -32,7 +32,7 @@ export function App() {
|
|
|
32
32
|
# Использование с shorter
|
|
33
33
|
```tsx live
|
|
34
34
|
import React from 'react';
|
|
35
|
-
import { Breadcrumbs } from '@salutejs/
|
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
36
36
|
|
|
37
37
|
export function App() {
|
|
38
38
|
const items = [
|
|
@@ -43,7 +43,7 @@ export function App() {
|
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return (
|
|
46
|
-
<div style
|
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
|
47
47
|
<div>
|
|
48
48
|
<Breadcrumbs items={items} showItems={2} />
|
|
49
49
|
</div>
|
|
@@ -58,7 +58,7 @@ export function App() {
|
|
|
58
58
|
# Использование с кастомным элементом
|
|
59
59
|
```tsx live
|
|
60
60
|
import React from 'react';
|
|
61
|
-
import { Breadcrumbs, Dropdown } from '@salutejs/
|
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
|
62
62
|
|
|
63
63
|
export function App() {
|
|
64
64
|
const items = [
|
|
@@ -88,7 +88,7 @@ export function App() {
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
return (
|
|
91
|
-
<div style
|
|
91
|
+
<div style=\{{height: '200px'}}>
|
|
92
92
|
<Breadcrumbs items={items} />
|
|
93
93
|
</div>
|
|
94
94
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.115.0-canary.1310.
|
|
3
|
+
"version": "0.115.0-canary.1310.10239897326.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"react-popper": "2.3.0",
|
|
119
119
|
"storeon": "3.1.5"
|
|
120
120
|
},
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "ea1c28099bf8d9b18e676d961414653da5a852c4"
|
|
122
122
|
}
|
|
@@ -12,7 +12,7 @@ import { PropsTable } from '@site/src/components';
|
|
|
12
12
|
|
|
13
13
|
```tsx live
|
|
14
14
|
import React from 'react';
|
|
15
|
-
import { Breadcrumbs } from '@salutejs/
|
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
16
16
|
|
|
17
17
|
export function App() {
|
|
18
18
|
const items = [
|
|
@@ -32,7 +32,7 @@ export function App() {
|
|
|
32
32
|
# Использование с shorter
|
|
33
33
|
```tsx live
|
|
34
34
|
import React from 'react';
|
|
35
|
-
import { Breadcrumbs } from '@salutejs/
|
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
36
36
|
|
|
37
37
|
export function App() {
|
|
38
38
|
const items = [
|
|
@@ -43,7 +43,7 @@ export function App() {
|
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return (
|
|
46
|
-
<div style
|
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
|
47
47
|
<div>
|
|
48
48
|
<Breadcrumbs items={items} showItems={2} />
|
|
49
49
|
</div>
|
|
@@ -58,7 +58,7 @@ export function App() {
|
|
|
58
58
|
# Использование с кастомным элементом
|
|
59
59
|
```tsx live
|
|
60
60
|
import React from 'react';
|
|
61
|
-
import { Breadcrumbs, Dropdown } from '@salutejs/
|
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
|
62
62
|
|
|
63
63
|
export function App() {
|
|
64
64
|
const items = [
|
|
@@ -88,7 +88,7 @@ export function App() {
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
return (
|
|
91
|
-
<div style
|
|
91
|
+
<div style=\{{height: '200px'}}>
|
|
92
92
|
<Breadcrumbs items={items} />
|
|
93
93
|
</div>
|
|
94
94
|
);
|
|
@@ -12,7 +12,7 @@ import { PropsTable } from '@site/src/components';
|
|
|
12
12
|
|
|
13
13
|
```tsx live
|
|
14
14
|
import React from 'react';
|
|
15
|
-
import { Breadcrumbs } from '@salutejs/
|
|
15
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
16
16
|
|
|
17
17
|
export function App() {
|
|
18
18
|
const items = [
|
|
@@ -32,7 +32,7 @@ export function App() {
|
|
|
32
32
|
# Использование с shorter
|
|
33
33
|
```tsx live
|
|
34
34
|
import React from 'react';
|
|
35
|
-
import { Breadcrumbs } from '@salutejs/
|
|
35
|
+
import { Breadcrumbs } from '@salutejs/{{ package }}';
|
|
36
36
|
|
|
37
37
|
export function App() {
|
|
38
38
|
const items = [
|
|
@@ -43,7 +43,7 @@ export function App() {
|
|
|
43
43
|
];
|
|
44
44
|
|
|
45
45
|
return (
|
|
46
|
-
<div style
|
|
46
|
+
<div style=\{{"flexDirection": 'column'}}>
|
|
47
47
|
<div>
|
|
48
48
|
<Breadcrumbs items={items} showItems={2} />
|
|
49
49
|
</div>
|
|
@@ -58,7 +58,7 @@ export function App() {
|
|
|
58
58
|
# Использование с кастомным элементом
|
|
59
59
|
```tsx live
|
|
60
60
|
import React from 'react';
|
|
61
|
-
import { Breadcrumbs, Dropdown } from '@salutejs/
|
|
61
|
+
import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
|
|
62
62
|
|
|
63
63
|
export function App() {
|
|
64
64
|
const items = [
|
|
@@ -88,7 +88,7 @@ export function App() {
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
return (
|
|
91
|
-
<div style
|
|
91
|
+
<div style=\{{height: '200px'}}>
|
|
92
92
|
<Breadcrumbs items={items} />
|
|
93
93
|
</div>
|
|
94
94
|
);
|