# Sandbox.UI.DisplayMode

Possible values for `display` CSS property.

- Kind: enum
- Namespace: `Sandbox.UI`
- Assembly: `Sandbox.System`
- Modifiers: sealed

## Fields

- [`Block`](/api/Sandbox.UI.DisplayMode/Block): Display via CSS block layout: children stack vertically and fill the width, with collapsing vertical margins.
- [`Contents`](/api/Sandbox.UI.DisplayMode/Contents): Causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored.
- [`Flex`](/api/Sandbox.UI.DisplayMode/Flex): Display via CSS flexbox.
- [`Grid`](/api/Sandbox.UI.DisplayMode/Grid): Display via CSS grid layout: children are placed into the rows and columns defined by `grid-template-columns` and `grid-template-rows`.
- [`Inline`](/api/Sandbox.UI.DisplayMode/Inline): Text-only inline content within a block paragraph. Not an inline-block box.
- [`None`](/api/Sandbox.UI.DisplayMode/None): Do not display at all.