/
NoDocs.js
39 lines (35 loc) · 932 Bytes
/
NoDocs.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React from 'react';
const wrapper = {
fontSize: '14px',
letterSpacing: '0.2px',
margin: '10px 0',
};
const main = {
margin: 'auto',
padding: '30px',
borderRadius: '10px',
background: 'rgba(0,0,0,0.03)',
};
const heading = {
textAlign: 'center',
};
export const NoDocs = () => (
<div style={wrapper} className="sb-nodocs sb-wrapper">
<div style={main}>
<h1 style={heading}>No Docs</h1>
<p>
Sorry, but there are no docs for the selected story. To add them, set the story's
<code>docs</code> parameter. If you think this is an error:
</p>
<ul>
<li>Please check the story definition.</li>
<li>Please check the Storybook config.</li>
<li>Try reloading the page.</li>
</ul>
<p>
If the problem persists, check the browser console, or the terminal you've run Storybook
from.
</p>
</div>
</div>
);