DocSpace-client/packages/components/view-selector/README.md

ViewSelector

Actions with a button.

Usage

import { ViewSelector } from "app-components";
import ViewRowsReactSvgUrl from "PUBLIC_DIR/images/view-rows.react.svg?url";
import ViewTilesReactSvgUrl from "PUBLIC_DIR/images/view-tiles.react.svg?url";

View Settings

const viewSettings = [
  {
    value: "row",
    icon: ViewRowsReactSvgUrl,
  },
  {
    value: "tile",

    icon: ViewTilesReactSvgUrl,
    callback: createThumbnails,
  },
];

<ViewSelector
  isDisabled={false}
  onChangeView={(view) => console.log("current view:", view)}
  viewSettings={viewSettings}
  viewAs="row"
  isFilter={false}
/>

Properties

Props	Type	Required	Values	Default	Description
isDisabled	bool	-	-	-	Disables the button default functionality
isFilter	bool	-	-	-	Show only available option icon in selector
onChangeView	func	-	-	-	The event triggered when the button is clicked
viewSettings	arr	-	-	-	Array containing view settings.
viewAs	string	-	-	-	Current application view