> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground

> Explore the Tight Embedded End-to-End UX in the Playground

export const PlaygroundIframe = ({url}) => {
  const src = useMemo(() => {
    return `${url}${window.location.search}`;
  }, [url, window.location.search]);
  return <iframe src={src} style={{
    minHeight: "calc(100dvh - 96px)",
    maxHeight: "calc(100dvh - 96px)"
  }} className="w-full rounded-xl" />;
};

<PlaygroundIframe url={"https://playground.tight.com/"} />