DocSpace-buildtools/packages/asc-web-components/view-selector
2022-03-17 15:16:44 +03:00
..
index.js Web: Components: ViewSelector: delete loading func 2022-03-17 15:16:44 +03:00
README.md Web: Files: refactoring 2021-06-29 15:48:17 +03:00
styled-view-selector.js Web: Components: ViewSelector: Added default values of width and height for svg container 2022-01-20 12:42:32 +03:00
view-selector.stories.js Web: Files: refactoring 2021-06-29 15:48:17 +03:00
view-selector.test.js Web: Components: Fixed tests warnings 2021-11-20 00:40:25 +03:00

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