Skip to content

Commit c9f61c6

Browse files
committed
docs(window.stories.js): add panel to window example
1 parent 19ce1ae commit c9f61c6

File tree

1 file changed

+18
-17
lines changed

1 file changed

+18
-17
lines changed

src/components/Window/Window.stories.js

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
11
import React from 'react';
22
import styled from 'styled-components';
3-
import { Window, WindowContent, WindowHeader, Button, Toolbar } from 'react95';
3+
import {
4+
Window,
5+
WindowContent,
6+
WindowHeader,
7+
Button,
8+
Toolbar,
9+
Panel
10+
} from 'react95';
411

512
export default {
613
title: 'Window',
@@ -44,16 +51,20 @@ const Wrapper = styled.div`
4451
transform: translateY(-50%);
4552
}
4653
}
47-
p {
48-
line-height: 1.4;
49-
}
5054
.window {
5155
width: 400px;
5256
min-height: 200px;
5357
}
5458
.window:nth-child(2) {
5559
margin: 2rem;
5660
}
61+
.footer {
62+
display: block;
63+
margin: 0.25rem;
64+
height: 31px;
65+
line-height: 31px;
66+
padding-left: 0.25rem;
67+
}
5768
`;
5869
export const Default = () => (
5970
<>
@@ -82,6 +93,9 @@ export const Default = () => (
8293
tho!)
8394
</p>
8495
</WindowContent>
96+
<Panel variant='well' className='footer'>
97+
Put some useful informations here
98+
</Panel>
8599
</Window>
86100

87101
<Window className='window'>
@@ -99,16 +113,3 @@ export const Default = () => (
99113
Default.story = {
100114
name: 'default'
101115
};
102-
103-
export const Resizable = () => (
104-
<Window resizable>
105-
<WindowHeader>react95.exe</WindowHeader>
106-
<WindowContent>
107-
Resizable Window displays resize handle in bottom right corner
108-
</WindowContent>
109-
</Window>
110-
);
111-
112-
Resizable.story = {
113-
name: 'resizable'
114-
};

0 commit comments

Comments
 (0)