Button

Button Widget


Usage

import { ItsyButton } from '@itsy-ui/common';

const commandSchema = {
    "title": "Add to cart",
    "propertyType": "commandButton",
    "iconPosition": "startIcon",
    "iconName": "add_shopping_cart",
    "commandName": "add_cart",
    "alignText": "center",
}

 <ItsyButton schema={commandSchema} />


API

name type default description
className String '' additional class name of root node.
title String '' Button display name
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed.


Schema API’s

name type default description
commandName string Key of the command to be invoke while click on the items
alignText String button name align
iconPosition String icon position button name left and right side display Icon ex:startIcon/endIcon


Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions