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

Change custom button example

Browse source
This commit is contained in:
Kimmo Puputti 2017-09-21 14:16:32 +03:00
parent 1f0e1dba91
commit ac937d8e10
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Button/Button.example.css
View file

@ -19,9 +19,9 @@
height: 100px;
}
.searchIcon {
width: 16px;
height: 16px;
.customIcon {
width: 24px;
height: 24px;
stroke: #fff;
margin-right: 10px;
}

6
src/components/Button/Button.example.js
View file

@ -1,6 +1,6 @@
/* eslint-disable jsx-a11y/href-no-hash */
import React, { Component } from 'react';
import { IconSearch } from '../../components';
import { IconCheckmark } from '../../components';
import Button, { PrimaryButton, SecondaryButton, InlineTextButton } from './Button';
import css from './Button.example.css';
@ -54,8 +54,8 @@ const ButtonsComponent = () => {
<h3>Button with an icon and a text:</h3>
<Button>
<IconSearch rootClassName={css.searchIcon} />
<span>Search saunas</span>
<IconCheckmark rootClassName={css.customIcon} />
<span>Custom text</span>
</Button>
<h3>Default button:</h3>