Skip to main content

Surface

The Surface component is used to structure content on a page.

SurfaceProps

Signature:

export declare type SurfaceProps<E extends > = <E, >;

SurfaceOwnProps

extends, , , , , , ,
NameTypeDefaultDescription
color?
| | | |
'neutral'

Color of the border when the surface has focus or is selected.

selected?
false

Defines if the surface is selected and should indicate that state with a border.

dragged?
false

Indicates if the surface is currently dragged and then applies the corresponding styles.

elevation?
| |
'flat'

Defines the surface's elevation to the background.

Still have questions?
Find answers in the Dynatrace Community