Components · Surfaces

Window

A desktop window with a striped title bar, optional toolbar and footer.

jsx

import { Window } from '@andeus/ui';

Window

Trend follower

Body

Saved

jsx

<Window
  title="Trend follower"
  toolbar={<Button size="s" icon="play">Run</Button>}
  footer="Saved"
>
  <div className="body">Body</div>
</Window>

Props

Prop	Type	Default
title	`string \| ReactNode`	Required
active	`boolean`	true	Inactive windows lose their stripes.
onClose	`() => void`	—	Shows the close box.
toolbar	`ReactNode`	—
footer	`ReactNode`	—
width	`number \| string`	—
height	`number \| string`	—
children	`ReactNode`	—

PreviousCard NextDialog