@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
26 lines • 978 B
JavaScript
// REACT
import * as React from 'react';
// STORYBOOK
import { storiesOf } from '@storybook/react';
import { color } from '@storybook/addon-knobs';
// VENDOR
import styled, { ThemeProvider } from '@xstyled/styled-components';
// COMPONENTS
import { CardActionArea } from './CardActionArea.component';
// THEME
import { RootTheme } from '../../theme';
// README
import * as README from './README.md';
const StyledStory = styled('div') `
padding: 2rem 5rem;
`;
storiesOf('Components/Card/CardActionArea', module)
.addParameters({
readme: {
sidebar: README,
},
})
.add('Default', () => (React.createElement(ThemeProvider, { theme: RootTheme },
React.createElement(StyledStory, null,
React.createElement(CardActionArea, { backgroundColor: color('Background Color', 'background.base') }, "The action area is a large section dedicated for card actions. You can specify a backgroundColor")))));
//# sourceMappingURL=CardActionArea.stories.js.map