Skip to content

Commit 57f8db3

Browse files
committed
update vertical example
1 parent ca75209 commit 57f8db3

File tree

2 files changed

+14
-8
lines changed

2 files changed

+14
-8
lines changed

docs/app/Examples/elements/Divider/Types/DividerTypesExamples.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default class DividerTypesExamples extends Component {
1313
/>
1414
<ComponentExample
1515
title='Vertical Divider'
16-
description='A divider can segement content vertically'
16+
description='A divider can segment content vertically'
1717
examplePath='elements/Divider/Types/DividerVerticalExample'
1818
/>
1919
<ComponentExample

docs/app/Examples/elements/Divider/Types/DividerVerticalExample.js

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,26 @@
11
import React, {Component} from 'react';
2-
import {Button, Divider} from 'stardust';
2+
import {Segment, Divider} from 'stardust';
33

44
export default class DividerVerticalExample extends Component {
55
render() {
66
return (
7-
<div className='ui three column grid'>
7+
<div className='ui three column relaxed grid'>
88
<div className='column'>
9-
<Button className='primary'>Button Left</Button>
9+
<Segment className='basic'>
10+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
11+
</Segment>
1012
</div>
11-
<Divider className='vertical' />
13+
<Divider className='vertical'>Or</Divider>
1214
<div className='column'>
13-
<Button className='primary'>Button Middle</Button>
15+
<Segment className='basic'>
16+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
17+
</Segment>
1418
</div>
15-
<Divider className='vertical' />
19+
<Divider className='vertical'>And</Divider>
1620
<div className='column'>
17-
<Button className='primary'>Button Right</Button>
21+
<Segment className='basic'>
22+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
23+
</Segment>
1824
</div>
1925
</div>
2026
);

0 commit comments

Comments
 (0)