github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improve VerticalRhythm documentation.

Browse source
This commit is contained in:
CJ Cenizal 2017-01-24 08:31:57 -08:00
parent de491a3587
commit fbbb692831
3 changed files with 51 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

41
ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_as_wrapper.html Normal file
View file

@ -0,0 +1,41 @@
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
</div>
</div>
<div class="kuiPanelBody">
<p>Content goes here</p>
</div>
</div>
</div>
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
</div>
</div>
<div class="kuiPanelBody">
<p>Content goes here</p>
</div>
</div>
</div>
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
</div>
</div>
<div class="kuiPanelBody">
<p>Content goes here</p>
</div>
</div>
</div>

13
ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_example.jsx
View file

@ -15,10 +15,17 @@ export default createExample([{
html: require('./vertical_rhythm.html'),
hasDarkTheme: false,
}, {
title: 'VerticalRhythm with Panels',
title: 'VerticalRhythm as wrapper',
description: (
<p>You can apply it to any component, e.g. Panels.</p>
<p>Wrap any series of components, e.g. Panel, in the VerticalRhythm component to space them apart.</p>
),
html: require('./vertical_rhythm_with_panels.html'),
html: require('./vertical_rhythm_as_wrapper.html'),
hasDarkTheme: false,
}, {
title: 'VerticalRhythm on component',
description: (
<p>You can also apply the VerticalRhythm class directly to components.</p>
),
html: require('./vertical_rhythm_on_component.html'),
hasDarkTheme: false,
}]);

0
ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_with_panels.html → ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_on_component.html
View file