mirror of
https://github.com/primer/css.git
synced 2024-12-18 19:51:37 +03:00
43e12e8838
just realized the old marketing button documentation threw me off. only orange is being added.
22 lines
805 B
JavaScript
22 lines
805 B
JavaScript
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
|
|
storiesOf('Marketing buttons', module)
|
|
.add('Button colors', () => (
|
|
<div className='p-4'>
|
|
<button className="btn btn-orange mr-6" type="button">Button button</button>
|
|
</div>
|
|
))
|
|
.add('Outline colors', () => (
|
|
<div className='p-4'>
|
|
<button className="btn btn-outline-orange mr-6" type="button">Button button</button>
|
|
<a className="btn btn-outline-purple mr-6" href="#url" role="button">Link button</a>
|
|
<button className="btn btn-outline-green mr-6" type="button">Button button</button>
|
|
</div>
|
|
))
|
|
.add('Transparent button', () => (
|
|
<div className="bg-gray-dark p-4 mt-4 mr-6">
|
|
<button className="btn btn-transparent mr-6" type="button">Button button</button>
|
|
</div>
|
|
))
|