Help

Inline Tip

A component for displaying a note or tip inline.

In this guide, you'll learn how to use the Inline Tip component.

Tip: Medusa UI is a package of React components to be used in Medusa Admin customizations.

Was this example helpful?

Usage#

Code
import { InlineTip } from "@medusajs/ui"

Code
1<InlineTip2  label="This is a tip"3>4  <button>Hover me</button>5</InlineTip>

This component is based on the div element and supports all of its props.

Prop	Type	Default
`label`	`string`	-
`variant`	`"info"` \|`"warning"` \|`"error"` \|`"success"`	`"info"`

Was this helpful?

Success: Product created successfully!

Was this example helpful?

Warning: This action cannot be undone.

Was this example helpful?

Error: An error occurred. Please try again.

Was this guide helpful?