DocSpace-buildtools/web/ASC.Web.Storybook/stories/main-button/base/README.md

MainButton

Usage

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

Description

The main button is located at the top of the main menu. It may consist of 2 buttons, or on a click to show a pop-up window with other buttons.

Usage

<MainButton text='Button' isDisabled={false} isDropdown={true}>
    <div>Some button</div>
    <Button label='Some button' />
</MainButton>

or

<MainButton text='Button' 
            isDropdown={false} 
            clickAction={() => SomeFunction()} 
            clickActionSecondary={() => SomeFunction()} 
            moduleName='people' 
/>

Properties

Props	Type	Required	Values	Default	Description
isDisabled	bool	-	-	false	Tells when the button should present a disabled state
isDropdown	bool	-	-	true	Select a state between two separate buttons or one with a drop-down list
clickAction	func	-	-	-	What the main button will trigger when clicked
clickActionSecondary	func	-	-	-	What the secondary button will trigger when clicked
moduleName	oneOf	-	people, mail, documents	-	The name of the module where the button is used
text	string	-	-	Button	Button text