Timeline

The element to render: div on a Box; components built on it set their own (List a ul, Section a section).

The content.

Margin on all sides, in spacing steps (-16 to 16; one step = 4px).

Horizontal margin. When set, replaces Margin on this axis.

Vertical margin. When set, replaces Margin on this axis.

Top margin. When set, replaces MarginY and Margin on this side.

Bottom margin. When set, replaces MarginY and Margin on this side.

Margin at the start (left in left-to-right text, right in right-to-left). Replaces MarginX and Margin on this side.

Margin at the end (right in left-to-right text, left in right-to-left). Replaces MarginX and Margin on this side.

Width.

Minimum width.

Maximum width.

Whether to grow into free space inside a Stack, Row or Column: <Box Grow>.

Whether to shrink when space is short inside a Stack, Row or Column. Defaults to true; Shrink="false" keeps the size.

Starting size inside a Stack, before growing or shrinking.

Alignment across the parent's direction, overriding the parent's Align for this component only, such as a button lined up with the bottom of labeled fields in a Row.

How many columns it spans in a Form or Fieldset with Columns, or a Grid; GridSpan.Full for the whole row. Never more than the columns shown, so a form that narrows to one column needs no breakpoints.

Starts a new row in a Form or Fieldset with Columns, or a Grid, leaving the rest of the row before it empty.

The color scheme inside: ColorScheme.Dark for a dark band on a light page, ColorScheme.Inverse for the opposite of the page. It also sets the surface background and text color, which Bg and Color override.

Padding on all sides, in spacing steps (0 to 16; one step = 4px).

Horizontal padding. When set, replaces Padding on this axis.

Vertical padding. When set, replaces Padding on this axis.

Top padding. When set, replaces PaddingY and Padding on this side.

Bottom padding. When set, replaces PaddingY and Padding on this side.

Padding at the start (left in left-to-right text, right in right-to-left). Replaces PaddingX and Padding on this side.

Padding at the end (right in left-to-right text, left in right-to-left). Replaces PaddingX and Padding on this side.

Background color.

Text color. When not set and Bg is a theme color, the matching contrast color is used automatically (Bg="Color.Primary" gets Color.OnPrimary text).

Corner radius.

Elevation.

Minimum height.

Height.

Maximum height; pair it with Overflow to scroll what doesn't fit.

What happens to content that doesn't fit: Overflow.Auto to scroll it.

A border on every side, in whole pixels (0 to 16), in BorderColor (the border token by default) and BorderStyle (solid by default). Like padding: BorderX and BorderY override an axis, the single sides override that. Sides you don't set keep the component's own border.

Borders at the start and end. Replaces Border on this axis.

Borders at the top and bottom, such as a band with lines above and below. Replaces Border on this axis.

The top border. Replaces BorderY and Border on this side.

The bottom border. Replaces BorderY and Border on this side.

The border at the start (left in left-to-right text). Replaces BorderX and Border on this side.

The border at the end (right in left-to-right text). Replaces BorderX and Border on this side.

The border color, for borders set here or the component's own. Defaults to Border.

How borders set here are drawn (BorderStyle.Dashed, BorderStyle.Dotted), and the own border of a Card or a bordered EmptyState. Solid by default (dashed on an EmptyState).

Extra CSS classes, merged after the component's own classes.

Inline style, appended after the component's generated custom properties.

Hides the component from this breakpoint up, such as a menu button only phones need.

Shows the component only from this breakpoint up, such as header links for wide screens.