v0.1.0

SandboxBanner

The blue tab hanging from the top edge that marks sandbox mode.

import { SandboxBanner } from "@cynco-labs/ui";

import { SandboxBanner, SandboxBannerAction } from "@cynco-labs/ui";

export default function SandboxBannerDemo() {
	return (
		<div className="relative h-10">
			<SandboxBanner>
				<SandboxBannerAction>Switch to live</SandboxBannerAction>
			</SandboxBanner>
		</div>
	);
}

Use

Shown on every page while working in a sandbox or demo company.

Props

Optional label, icon, color; SandboxBannerAction children.

Notes

Fill is sandbox; text white.

Source Demo source Markdown

SandboxBanner

Example

Use

Props

Notes