History

AlexeySafronov 9fcbb5c873 Web: Storybook issues fix: + Added copy public/images to static/images for publish + Fix checkbox click in theme-provider.stories.js + Added empty_screen_filter.png for EmptyScreenContainer		2021-03-24 13:55:50 +03:00
..
index.js	Web: Components: main-button: Refactoring & Deleted useless import.	2021-03-12 13:52:14 +03:00
main-button.stories.js	Web: Storybook issues fix:	2021-03-24 13:55:50 +03:00
main-button.test.js	Web: Components: changed component hierarchy	2021-02-24 17:42:09 +03:00
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00
styled-main-button.js	Web: Components: Fixed styles of action menu of people.	2021-03-19 14:05:51 +03:00

README.md

MainButton

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

import MainButton from "@appserver/components/main-button";

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

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

Properties

Props	Type	Required	Values	Default	Description
`className`	`string`	-	-	-	Accepts class
`clickActionSecondary`	`func`	-	-	-	What the secondary button will trigger when clicked
`clickAction`	`func`	-	-	-	What the main button will trigger when clicked
`iconName`	`string`	-	-	`PeopleIcon`	Icon inside button
`id`	`string`	-	-	-	Accepts id
`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
`moduleName`	`oneOf`	-	`people`, `mail`, `documents`	-	The name of the module where the button is used
`onClick`	`func`	-	-	-	DropDown component click action
`opened`	`bool`	-	-	-	Open DropDown
`style`	`obj`, `array`	-	-	-	Accepts css style
`text`	`string`	-	-	`Button`	Button text