Back to Components

Base

The core component that is the end of the chain for all other components. It provides general utility behaviour and styling.

<Base>

PropertyTypeDefaultEditor
Component

Component to be used as the final element, can be a custom React Component or an element string.

OneOfType

"div"
absolute

Quick way of absolutely position to common places

OneOf

backgroundColor

Background colour to be applied, shades are taken from the current theme. A value of true will reapply the current theme background.

OneOf

borderColor

Border colour to be applied, shades are taken from the current theme. A value of true will reapply the current colour value.

OneOf

borderSize

Thickness of the border to be applied

OneOf

clickable

Adds styling to indicate that the element is clickable

Boolean

color

Text colour to be applied. A value of true will reapply the current themes text colour.

OneOf

container

Applies relative positioning to contain child elements.

Boolean

display

Applies display styling

OneOf

fRef

Forwarded React ref function

Function

height

Fixed height applied through inline styling

String

margin

Margins applied for the global spacing variables

OneOf

maxWidth

Max width applied through inline styling

String

minHeight

Max height applied through inline styling

String

minWidth

Min width applied through inline style

String

padding

Padding applied for the global spacing variables

OneOf

paddingHorizontal

Horizontal padding applied for the global spacing variables

OneOf

paddingVertical

Vertical padding applied for the global spacing variables

OneOf

scrollable

Applies overflow styling to enable/disable scrolling.

Boolean

theme

Theme applied to this element and inherited for child elements (until a descendant theme is applied).

OneOf

width

Fixed width applied through inline styling

String

zIndex

z-index number for layering elements.

String