Style guide: Fix empty state
This commit is contained in:
parent
f19e6ea93d
commit
121bb0ecef
1 changed files with 20 additions and 2 deletions
|
@ -1,11 +1,29 @@
|
||||||
|
### Media Empty State
|
||||||
|
|
||||||
```js
|
```js
|
||||||
<div style={{ position: 'relative', width: '100%', height: 300 }}>
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
position: 'relative',
|
||||||
|
width: '100%',
|
||||||
|
height: 300,
|
||||||
|
}}
|
||||||
|
>
|
||||||
<EmptyState label="You have no attachments with media" />
|
<EmptyState label="You have no attachments with media" />
|
||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### Documents Empty State
|
||||||
|
|
||||||
```js
|
```js
|
||||||
<div style={{ position: 'relative', width: '100%', height: 500 }}>
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
position: 'relative',
|
||||||
|
width: '100%',
|
||||||
|
height: 500,
|
||||||
|
}}
|
||||||
|
>
|
||||||
<EmptyState label="You have no documents with media" />
|
<EmptyState label="You have no documents with media" />
|
||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
Loading…
Add table
Reference in a new issue