maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 12:43:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

CloseIcon

Browse source
This commit is contained in:
Vesa Luusua 2017-06-01 20:09:45 +03:00
parent 8ef3f5d3a8
commit 597c57cdd4
3 changed files with 45 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/CloseIcon/CloseIcon.css Normal file
View file

@ -0,0 +1,5 @@
@import '../../marketplace.css';
.root {
stroke: var(--matterColor);
}

38
src/components/CloseIcon/CloseIcon.js Normal file
View file

@ -0,0 +1,38 @@
import React, { PropTypes } from 'react';
import classNames from 'classnames';
import css from './CloseIcon.css';
const CloseIcon = props => {
const { className, rootClassName } = props;
const classes = classNames(rootClassName || css.root, className);
return (
<svg
className={classes}
width="12"
height="12"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-1 -1)" fillRule="evenodd">
<rect transform="rotate(45 7 7)" x="-1" y="6" width="16" height="2" rx="1" />
<rect transform="rotate(-45 7 7)" x="-1" y="6" width="16" height="2" rx="1" />
</g>
</svg>
);
};
const { string } = PropTypes;
CloseIcon.defaultProps = {
className: null,
rootClassName: null,
};
CloseIcon.propTypes = {
className: string,
rootClassName: string,
};
export default CloseIcon;

2
src/components/index.js
View file

@ -4,6 +4,7 @@ import Avatar from './Avatar/Avatar';
import BirthdayInput from './BirthdayInput/BirthdayInput';
import BookingInfo from './BookingInfo/BookingInfo';
import Button, { FlatButton, InlineButton } from './Button/Button';
import CloseIcon from './CloseIcon/CloseIcon';
import CurrencyInput from './CurrencyInput/CurrencyInput';
import DateInput from './DateInput/DateInput';
import Discussion from './Discussion/Discussion';
@ -53,6 +54,7 @@ export {
BirthdayInput,
BookingInfo,
Button,
CloseIcon,
CurrencyInput,
DateInput,
Discussion,