Info

Inline status callouts with optional action links.

Demo

Your transaction is ready for review.

You need to deposit $25.00 to continue.

The transaction simulation failed.View details

Your session was restored.

Usage

import { Info } from 'regen-ui'

export function BalanceWarning() {
  return (
    <Info
      action={{ external: false, href: '/deposit', label: 'Add funds' }}
      message="You need to deposit $25.00 to continue."
      type="warning"
    />
  )
}

API Reference

Info.Props

Name	Type	Default	Description
`action`Optional	`Action`	None	Optional trailing action rendered inline.
`className`Optional	`string`	None	Additional class names.
`message`Required	`ReactNode`	None	Message body.
`type`Optional	`'error' \| 'info' \| 'warning'`	`'info'`	Visual variant.

actionOptional

TypeAction

DefaultNone

Optional trailing action rendered inline.

classNameOptional

Typestring

DefaultNone

Additional class names.

messageRequired

TypeReactNode

DefaultNone

Message body.

typeOptional

Type'error' | 'info' | 'warning'

Default'info'

Visual variant.

Info.Action

Optional trailing action rendered inline on an info callout.

Name	Type	Default	Description
`external`Optional	`boolean`	`true`	Whether the link opens in a new tab.
`href`Conditional	`string`	None	Link target.
`label`Required	`ReactNode`	None	Link text.Button text.
`onClick`Conditional	`() => void`	None	Called when the link is clicked.Called when the button is clicked.

externalOptional

Typeboolean

Defaulttrue

Whether the link opens in a new tab.

hrefConditional

Typestring

DefaultNone

Link target.

labelRequired

TypeReactNode

DefaultNone

Link text.Button text.

onClickConditional

Type() => void

DefaultNone

Called when the link is clicked.Called when the button is clicked.