Components · Surfaces

Screen

A small live display set into the surface. One job per screen. Lit elements are flat colour, never glowing.

jsx

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

Screen

14.2%vs 10.1%

Strategy

Yearly return

jsx

<Screen label="Yearly return" width={280} padding={16}>
  <Metric onScreen value="14.2%" label="Strategy" delta="vs 10.1%" color="var(--screen-blue)" />
</Screen>

Props

Prop	Type	Default
label	`string`	—	Printed under the bezel.
width	`number \| string`	—
height	`number \| string`	—
padding	`number \| string`	12
children	`ReactNode`	—

PreviousDialog NextTabs