Back to Medusa

{metadata.title}

www/apps/ui/app/components/inline-tip/page.mdx

2.14.2835 B
Original Source

import { ComponentExample } from "@/components/ComponentExample" import { ComponentReference } from "@/components/ComponentReference"

export const metadata = { title: Inline Tip, }

{metadata.title}

A component for displaying a note or tip inline.

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

<ComponentExample name="inline-tip-demo" />

Usage

tsx
import { InlineTip } from "@medusajs/ui"
tsx
<InlineTip
  label="This is a tip"
>
  <button>Hover me</button>
</InlineTip>

API Reference

<ComponentReference mainComponent="InlineTip" />

Examples

Success Inline Tip

<ComponentExample name="inline-tip-success" />

Warning Inline Tip

<ComponentExample name="inline-tip-warning" />

Error Inline Tip

<ComponentExample name="inline-tip-error" hideFeedback />