Skip to main content

AmbientPanel

AmbientPanel is a convenience wrapper over div with default ambient panel classes.

Interactive preview​

Bypass

Props​

Inherits all HTMLAttributes<HTMLDivElement> props.

Example​

import { AmbientPanel, AmbientButton } from "@ambientcss/components";

export function RackPanel() {
  return (
    <AmbientPanel className="my-panel-layout">
      <AmbientButton>Armed</AmbientButton>
    </AmbientPanel>
  );
}

Default class stack​

ambient amb-surface amb-chamfer amb-elevation-2 ambx-panel