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