Active Foundation · Example
The full-screen button
The full-screen buttonClient
Full source examples/ui/full-screen.tsx
// apps/docs/examples/ui/full-screen.tsx'use client';
import {FullScreen} from '@workspace/active-ui/components/composed/full-screen';import {TooltipProvider} from '@workspace/active-ui/components/primitives/tooltip';
/** * The full-screen button of an application header. It puts the whole page in * full screen; `Escape` or the button bring it back, and the button's name * follows. With `showTooltip` its name is also shown as a tooltip. */export default function FullScreenExample() { return ( <TooltipProvider> <FullScreen enterLabel="Full screen" exitLabel="Standard screen" showTooltip /> </TooltipProvider> );}