Name	Description	Default
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue

Box

A box is a general purpose component that can be used to compose new components, use the slot system or render style props.

usage: import { Box } from "@sharegate/orbit-ui";
sources: Github

Usage

The box component is a base components extended by Orbit HTML element components. It's made available as a foundation component but shouldn't be used in mose cases. Instead, use one of Orbit HTML element components like a div component.

Default

A default box.

Enjoy space like never before.

Editable example

() => {
    const Div = as(Box, "div");

    return (
        <Div padding={4} border="alias-low-break">
            Enjoy space like never before.
        </Div>
    );
};() => {
    const Div = as(Box, "div");

    return (
        <Div padding={4} border="alias-low-break">
            Enjoy space like never before.
        </Div>
    );
};

API

usage: import { Box } from "@sharegate/orbit-ui";
extends: Div
StyleProps

Name	Description	Default
slot	Slot to render into. string	-

No Preview

Box

Usage

Default

API