Docs

IntroductionUsageTroubleshooting

Examples

Chatbotv0 cloneWorkflow

Components

Package Info

Display dependency information and version changes.

The PackageInfo component displays package dependency information including version changes and change type badges.

react
major
18.2.019.0.0

A JavaScript library for building user interfaces.

Dependencies
react-dom^19.0.0
scheduler^0.24.0
lodash
added
moment
removed
2.29.4

Installation

npx ai-elements@latest add package-info

Features

  • Version change display (current → new)
  • Color-coded change type badges
  • Dependencies list
  • Description support

Change Types

TypeColorUse Case
majorRedBreaking changes
minorYellowNew features
patchGreenBug fixes
addedBlueNew dependency
removedGrayRemoved dependency

Props

<PackageInfo />

Prop

Type

<PackageInfoHeader />

Prop

Type

<PackageInfoName />

Prop

Type

<PackageInfoChangeType />

Prop

Type

<PackageInfoVersion />

Prop

Type

<PackageInfoDescription />

Prop

Type

<PackageInfoContent />

Prop

Type

<PackageInfoDependencies />

Prop

Type

<PackageInfoDependency />

Prop

Type