Inline Tip

A component for displaying a note or tip inline.

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>

API Reference#


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

PropTypeDefault
label
string
-
variant
"info"
|"warning"
|"error"
|"success"
"info"
Was this helpful?

Examples#


Success Inline Tip#

Success: Product created successfully!
Was this example helpful?

Warning Inline Tip#

Warning: This action cannot be undone.
Was this example helpful?

Error Inline Tip#

Error: An error occurred. Please try again.
Was this example helpful?
Ask Anything
FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break