Skip to Content
StylingBox Shadow

Box Shadow

Use shadow prop to control the box shadow of an element.

Name

Styles

sm
md
lg
none

#

Documentation

#

Usage

shadow=sm

shadow=md

shadow=lg

import { Canvas } from "@/demos/Canvas";
import { Box } from "@optiaxiom/react";
 
export function App() {
  return (
    <Canvas outside transparent>
      <Box shadow="sm">shadow=sm</Box>
      <Box shadow="md">shadow=md</Box>
      <Box shadow="lg">shadow=lg</Box>
    </Canvas>
  );
}

#

Removing the shadow

shadow=none

import { Canvas } from "@/demos/Canvas";
import { Box } from "@optiaxiom/react";
 
export function App() {
  return (
    <Canvas outside transparent>
      <Box shadow="none">shadow=none</Box>
    </Canvas>
  );
}
Last updated on
Border WidthAnimation