AlexeySafronov
f675415228
# Conflicts: # lerna.json # packages/asc-web-common/package.json # packages/asc-web-components/package.json # packages/browserslist-config-asc/package.json # packages/debug-info/package.json # products/ASC.CRM/Client/package.json # products/ASC.Calendar/Client/package.json # products/ASC.Files/Client/package.json # products/ASC.Files/Client/public/locales/en/SelectFile.json # products/ASC.Files/Client/public/locales/en/SelectFolder.json # products/ASC.Files/Client/public/locales/en/Translations.json # products/ASC.Files/Client/public/locales/ru/Translations.json # products/ASC.Files/Client/src/components/Article/MainButton/index.js # products/ASC.Mail/Client/package.json # products/ASC.People/Client/package.json # products/ASC.People/Client/public/locales/en/Translations.json # products/ASC.People/Client/public/locales/ru/Translations.json # products/ASC.People/Client/src/components/Article/MainButton/index.js # products/ASC.People/Client/src/pages/ProfileAction/Section/Body/createUserForm.js # products/ASC.Projects/Client/package.json # web/ASC.Web.Client/package.json # web/ASC.Web.Editor/package.json # web/ASC.Web.Login/package.json |
||
---|---|---|
.. | ||
index.js | ||
README.md | ||
styled-view-selector.js | ||
view-selector.stories.js | ||
view-selector.test.js |
ViewSelector
Actions with a button.
Usage
import { ViewSelector } from "app-components";
View Settings
const viewSettings = [
{
value: "row",
icon: "/static/images/row.react.svg",
},
{
value: "tile",
icon: "/static/images/tile.react.svg",
callback: createThumbnails,
},
];
<ViewSelector
isDisabled={false}
onChangeView={(view) => console.log("current view:", view)}
viewSettings={viewSettings}
viewAs="row"
/>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
isDisabled |
bool |
- | - | - | Disables the button default functionality |
onChangeView |
func |
- | - | - | The event triggered when the button is clicked |
viewSettings |
arr |
- | - | - | Array containing view settings. |
viewAs |
string |
- | - | - | Current application view |