Function Cube

Cube Component to make a nice 3D gallery. Refer to the documentation and also to the CubeProps for more details about the arguments you need to provide. You should start getting helpful tooltip hints when you start to write the arguments of this component.

Example

Instantiating the Cube:

<Cube
   sizes={{
   base: "50vw",
   sm: "40vw",
   md: "35vw",
   lg: "30vw",
   xl: "25vw",
  "2xl": "20vw",
   }}
   perspective="none"
   transitionDuration="1s"
   transitionTimingFunction="cubic-bezier(0.4, 0, 0.2, 1)"
   currentFace={currentFace}
   faces={faces}
   />
Copy