Doors UI
Some random windows OS UI experiments on web because dashboard has too many stuffs,
Many codes are ripped of from chakra-ui slide transition with a lof of modifications, credit and links are inside the correspoding source code.
npm i doors-ui
import 'doors-ui/src/globals.css'
import { Door, useDisclosure } from 'doors-ui';
const App = () => {
const disclosureProps = useDisclosure({ defaultIsOpen: true });
return (
<div>
<button onClick={disclosureProps.onToggle}>open A</button>
<Door title={'A'} disclosureProps={disclosureProps} lessThanScreen={true}>
content for A
</Door>
</div>
);
};