widgets

Elevator

Elevate you elements by adding shadows and deepness.

Features

It doesn't generate any wrapper
Follows Wanda elevations styles
Elevation can change on hover

Links

Open in playground Open in Storybook View source

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius dolores, tempore quas labore officiis praesentium. Porro sed dolorem, numquam temporibus.

Anatomy

import { Elevator, Card } from "@wonderflow/react-components";

export default () => {
  return (
    <Elevator resting={1} hover={4}>
      <Card>Lorem ipsum dolor sit.</Card>
    </Elevator>
  );
};

tsx

API Reference

PROPERTY

TYPE

DEFAULT

resting*

enum

hover

enum

children*

ReactElement