@pomle/react-viewstack

v1.1.3TypeScript

Component for stacking views

react

0/weekUpdated 3 years agoMITUnpacked: 15.9 KB

Published by pomle

npm install @pomle/react-viewstack

Homepage npm

Dist Tags

latest1.1.3

next1.1.1-3

sticky1.1.0-4

beta

React ViewStack

Library for facilitating view transitions.

Usage

$3

Mounts components on top of each other in Z-order. Later elements on top. Children will be given 100% height and absolute positioning to allow you to customize transitioning.

``tsx import { ViewStack } from "@pomle/react-viewstack";

enum View { Home, Settings, }

function Component() { const [view, setView] = useState(View.Home);

return (


        This is your homepage


      
              transform: view === View.Settings ? "none" : "translateX(-100%)",
      }}>
        This is your settings page
        
        
      

    
  );
}

@pomle/react-viewstack - npm explorer