Alexey Safronov
f3afd79a3f
# Conflicts: # packages/asc-web-common/components/AdvancedSelector/AdvancedSelector.js # packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js # packages/asc-web-common/components/FilterInput/sub-components/SortComboBox.js # packages/asc-web-common/components/PageLayout/index.js # packages/asc-web-common/store/SettingsStore.js # packages/asc-web-components/avatar-editor/sub-components/avatar-editor-body.js # packages/asc-web-components/combobox/index.js # packages/asc-web-components/context-menu/styled-context-menu.js # packages/asc-web-components/drop-down/index.js # packages/asc-web-components/link-with-dropdown/index.js # packages/asc-web-components/row/index.js # packages/asc-web-components/table-container/StyledTableContainer.js # packages/asc-web-components/table-container/TableHeaderCell.js # packages/asc-web-components/themes/dark.js # products/ASC.Files/Client/public/images/files.menu.svg # products/ASC.Files/Client/src/components/Article/Body/TreeFolders.js # products/ASC.Files/Client/src/components/Badges.js # products/ASC.Files/Client/src/components/QuickButtons.js # products/ASC.Files/Client/src/components/panels/NewFilesPanel/index.js # products/ASC.Files/Client/src/components/panels/OperationsPanel/index.js # products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js # products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js # products/ASC.Files/Client/src/components/panels/SharingPanel/index.js # products/ASC.Files/Client/src/components/panels/StyledPanels.js # products/ASC.Files/Client/src/components/panels/UploadPanel/FileRow.js # products/ASC.Files/Client/src/components/panels/UploadPanel/index.js # products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js # products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableContainer.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableRow.js # products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/sub-components/FileNameCell.js # products/ASC.Files/Client/src/pages/Home/Section/Filter/index.js # products/ASC.Files/Client/src/pages/Home/Section/Header/index.js # products/ASC.Files/Client/src/pages/Home/index.js # products/ASC.Files/Client/src/pages/VersionHistory/Section/Body/VersionRow.js # products/ASC.Files/Client/src/store/UploadDataStore.js # products/ASC.People/Client/public/images/people.menu.svg # products/ASC.People/Client/src/components/GroupSelector/index.js # products/ASC.People/Client/src/components/PeopleSelector/index.js # products/ASC.People/Client/src/pages/Home/Section/Body/RowView/userContent.js # products/ASC.People/Client/src/pages/Home/index.js # products/ASC.People/Client/src/pages/Profile/Section/Body/index.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/header-nav.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/nav-item.js # web/ASC.Web.Client/src/components/NavMenu/sub-components/profile-menu.js # web/ASC.Web.Client/src/components/pages/Home/index.js |
||
---|---|---|
.. | ||
group-button.stories.js | ||
group-button.test.js | ||
index.js | ||
README.md | ||
styled-group-button.js |
GroupButton
Base Button is used for a group action on a page
Usage
import GroupButton from "@appserver/components/group-button";
<GroupButton
label="Group button"
disabled={false}
isDropdown={false}
opened={false}
/>
It can be used as selector with checkbox for this following properties are combined: isDropdown, isSeparator.
isSeparator will add vertical bar after button.
isDropdown allows adding items to dropdown list in children.
For health of checkbox, button inherits part of properties of this component.
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
action |
func |
- | - | - | What the button will trigger when clicked |
checked |
bool |
- | - | false |
Initial value of checkbox |
className |
string |
- | - | - | Accepts class |
disabled |
bool |
- | - | false |
Tells when the button should present a disabled state |
dropDownMaxHeight |
number |
- | - | - | Selected height value of DropDown |
fontWeight |
string |
- | - | 600 |
Value of font weight |
id |
string |
- | - | - | Accepts id |
isDropdown |
bool |
- | - | false |
Tells when the button should present a dropdown state |
isIndeterminate |
bool |
- | - | false |
Initial value of Indeterminate checkbox |
isSeparator |
bool |
- | - | false |
Tells when the button should contain separator |
label |
string |
- | - | Group button |
Value of the group button |
onChange |
func |
- | - | - | Called when checkbox is checked |
onClick |
func |
- | - | - | Property for onClick action |
onSelect |
func |
- | - | - | Called when value is selected in selector |
opened |
bool |
- | - | false |
Tells when the button should be opened by default |
selected |
string |
- | - | - | Selected value label |
style |
obj , array |
- | - | - | Accepts css style |
tabIndex |
number |
- | - | -1 |
Value of tab index |