Skip to content

Commit

Permalink
Update docs for hide/showFor
Browse files Browse the repository at this point in the history
  • Loading branch information
cchaos committed Sep 16, 2020
1 parent 7347713 commit e74cc24
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src-docs/src/views/responsive/responsive.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,9 @@ import {

export default () => (
<EuiText>
<EuiHideFor sizes={'none'}>
<p>Hiding from none of the screen sizes</p>
</EuiHideFor>
<EuiHideFor sizes={['xs']}>
<p>
Hiding from <EuiCode>xs</EuiCode> screens only
Expand All @@ -33,6 +36,9 @@ export default () => (

<EuiSpacer size="xxl" />

<EuiShowFor sizes={'all'}>
<p>Showing for all of the screen sizes</p>
</EuiShowFor>
<EuiShowFor sizes={['xs']}>
<p>
Showing for <EuiCode>xs</EuiCode> screens only
Expand Down

0 comments on commit e74cc24

Please sign in to comment.