@easyfeedback/navigations NPM

Navigations

Installation

yarn add @easyfeedback/navigations
# or
npm i @easyfeedback/navigations

FolderNavigation

FolderNavigation is a side navigation for the folder overview.

At the very top there is a button for creating a new folder. This is followed by all folders to which the current user has access to.

Import component

import { FolderNavigation } from '@easyfeedback/navigations'

General usage

const myFolderList = [
  { id: '1', numberOfItems: 10, title: 'My Surveys', href: '#' },
  { id: '2', numberOfItems: 3, title: 'Marketing', href: '#' },
]

<FolderNavigation folderList={myFolderList} />

Props

Name	Description	type	Default
myFolderList	The list with all the folders the user has access to.	`Folder[]`	-
onCreateNewFolder	Optional The function with the information what happens when the button "Add new folder" is clicked.	`MouseEventHandler<HTMLButtonElement \\| HTMLAnchorElement>`	-
onEditSettings	Optional The function with the information what happens when the button "Settings" is clicked.	`MouseEventHandler<HTMLButtonElement>`	-
onDeleteFolder	Optional The function with the information what happens when the button "Delete" is clicked.	`MouseEventHandler<HTMLButtonElement>`	-