Package Info

A package manifest card displaying version, description, dependencies, and license.

The PackageInfo component inspects and displays NPM module metadata in AI workspace tooling.

@celestia-project/ui

Usage

tsx
import {  PackageInfo,  PackageInfoHeader,  PackageInfoContent,} from "@celestia-project/ui"
export function MyPackageInfo() {  return (    <PackageInfo className="w-full max-w-md">      <PackageInfoHeader        name="@celestia-project/ui"        version="0.2.2"        description="Accessible Base UI primitives and 54 AI components"      />      <PackageInfoContent />    </PackageInfo>  )}

Props Reference

ComponentPropTypeDescription
PackageInfoHeadernamestringPackage NPM name.
PackageInfoHeaderversionstringSemantic version string.
PackageInfoHeaderdescriptionstringShort summary from package.json.