Box Short Code

Back

Box

A box is simpler version of the note component. It only has background color and text content.

Overview

The box short code takes several color options

option
base
base-light
base-dark
light-gray

Variants

Default

Base

Base Light

Base Dark

Guidance

Note

Need more info on when to use over the note

Examples

Box

Markdown can be used within the box short code.

{{< box >}}**What is a minimum viable product?**

A minimum viable product, or MVP, is a product with enough features to attract early-adopter customers and validate a product idea early in the product development lifecycle.
{{< /box >}}

Example

Live page: Navigating digital acquisitions and A five-step plan for communicating with leadership.

Usage

???

Box Variants

Use the color value to display a different background color.

Warning

This is not used in the codebase

{{< box color="base-light" >}}

1. Read over the design principles with your team.
2. Note which ones resonate most with your team and why.
3. List the decisions you’ve recently made, and actions you and your team are - already doing that fall under one or more of the design principles.

{{< /box >}}

Usage