DocSpace-buildtools/web/ASC.Web.Storybook/stories/buttons/icon-button
2019-07-11 11:35:17 +03:00
..
icon.button.stories.js web: components: new IconButton component 2019-07-11 11:35:17 +03:00
README.md web: components: new IconButton component 2019-07-11 11:35:17 +03:00

Buttons: IconButton

Usage

import { IconButton } from 'asc-web-components';

Description

IconButton is used for a action on a page.

Usage

<IconButton size='25' isDisabled={false} onClick={() => alert('Clicked')} iconName={"SearchIcon"} isFill={true} />

Properties

Props Type Required Values Default Description
color string - - #d0d5da Icon color
size number` or `string - - 25 Button height and width value
isDisabled bool - - false Tells when the button should present a disabled state
iconName string - AZSortingIcon Icon name
isFill bool - - true Determines if icon fill is needed
onClick func - - - What the button will trigger when clicked