sidebar

v0.0.8

v0.0.7

v0.0.6

v0.0.5

v0.0.4

v0.0.3

v0.0.2

v0.0.1

STATUS

Passing

DOWNLOADS

494

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

1 KB

example usage for managing open/fixed state with localStorage

2 contributors

Install sidebar as a package?

Copied

npm i @bit/limebit.adana-ui.sidebar

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

sidebar ()

example usage for managing open/fixed state with localStorage

const [isSidebarOpen, _toggleSidebarOpen] = useState( strToBool(localStorage.getItem(“isSidebarOpen”)) ); const [isSidebarFixed, _toggleSidebarFixed] = useState( strToBool(localStorage.getItem(“isSidebarFixed”)) );

const toggleSidebarOpen = (isOpen: boolean) => { _toggleSidebarOpen(isOpen); localStorage.setItem("isSidebarOpen", String(isOpen)); };

const toggleSidebarFixed = (isOpen: boolean) => { toggleSidebarOpen(isOpen); _toggleSidebarFixed(isOpen); localStorage.setItem("isSidebarOpen", String(isOpen)); localStorage.setItem("isSidebarFixed", String(isOpen)); };

Test Summary

renders sidebar

Pass