Paalan React UI Hooks

This package contains the hooks for the Paalan React UI.

Installation

1npm install @paalan/react-hooks

Usage

• Import the useToggle hook from the package and use them in your project.

1import React from 'react';
2
3import { useToggle } from '@paalan/react-hooks';
4import { Box, Button, Text } from '@paalan/react-ui';
5
6export const App = () => {
7  const [isOn, toggle] = useToggle();
8
9  return (
10    <Box>
11      <Text>Current state is {isOn ? 'on' : 'off'}</Text>
12      <Button onClick={toggle}>Toggle</Button>
13    </Box>
14  );
15};

• Import the useDisclosure hook from @paalan/react-hooks.

1import { useDisclosure } from '@paalan/react-hooks';
2
3const { isOpen, onOpen, onClose, onToggle } = useDisclosure();