1
1
mirror of https://github.com/primer/css.git synced 2024-12-18 11:41:33 +03:00
css/modules/primer-utilities/stories/Details.js
2018-06-02 01:44:02 +02:00

17 lines
599 B
JavaScript

import React from 'react'
import { storiesOf } from '@storybook/react'
storiesOf('Details utilities', module)
.add('details-overlay', () => (
<details className='details-overlay'>
<summary className='btn'>More</summary>
<div className='position-relative bg-white p-3 border' style={{zIndex: 100}}>Hidden text</div>
</details>
))
.add('details-overlay-dark', () => (
<details className='details-overlay details-overlay-dark'>
<summary className='btn'>More</summary>
<div className='position-relative bg-white p-3 border' style={{zIndex: 100}}>Hidden text</div>
</details>
))