Z-Index

Use z prop to control the z-index of an element.

Name	Value
0	0
10	10
20	20
30	30
40	40
50	50
auto	auto
popover	3000
toast	3010
tooltip	10000

#
Documentation

#
Usage

05

04

03

02

01

import { Box } from "@optiaxiom/react";
 
import { Canvas } from "../Canvas";
 
export function App() {
  return (
    <Canvas>
      <Box z="40">05</Box>
      <Box z="30">04</Box>
      <Box z="20">03</Box>
      <Box z="10">02</Box>
      <Box z="0">01</Box>
    </Canvas>
  );
}