Components

StripedAlertBox

<StripedAlertBox />

Constructor

# <StripedAlertBox />

A convenience component to wrap visual elements in a striped alert box.

This can be used to bring focus to a specific situation on screen.

Example: While in dev mode, errors in DisplayWhen will still render the components but wraps them in an alert box. This notifies the dev very clearly that something has gone wrong, but doesn't prevent them from continuing development until it's fixed.

Parameters:
Name Type Attributes Description
children
type 'warn' | 'error' | 'ok' <optional>

The type of striping to use in the alert.

otherProps <optional>

Any additional styling props (applied to the wrapping Box)

View Source components/extras/StripedAlertBox.tsx, line 42

Example