Components / Feedback

Error Strip

A one-line inline error band that announces itself.

Install — needs @hiip registered in components.json

bunx shadcn@latest add @hiip/error-strip

Or by URL, with the token in the query

bunx shadcn@latest add "https://ui.hiip.ai/r/error-strip.json?token=$HIIP_REGISTRY_TOKEN"

Both need a token — set one up.

Anatomy

Import from components/ui/hiip-ui/error-strip.

<ErrorStrip />

Row 14: phone number is not a valid VN mobile — skipped.

function ErrorStripDemo() {
  return (
    <ErrorStrip message="Row 14: phone number is not a valid VN mobile — skipped." />
  );
}

Generated from the source. Props forwarded to the underlying element are not listed.

Prop	Type	Default
`message`required	`string`	—

Type

registry:ui

npm packages

@hugeicons/react @hugeicons/core-free-icons

Files written