Navigations

Table of Contents

• Installation
• FolderNavigation

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> | - |