Z-Index

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

Name	Value
0
10
20
30
auto
popover
toast
tooltip

#
Documentation

#
Usage

05

04

03

02

01

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