Status Bar

Preview

status-bar.exe

Ready

14 items

Local

Installation

pnpm dlx shadcn@latest add https://react98-ui.vercel.app/r/status-bar.json

npx shadcn@latest add https://react98-ui.vercel.app/r/status-bar.json

yarn dlx shadcn@latest add https://react98-ui.vercel.app/r/status-bar.json

bunx shadcn@latest add https://react98-ui.vercel.app/r/status-bar.json

Usage

import { StatusBar, StatusField } from "@/components/ui/98/status-bar";

export function Example() {
  return (
    <StatusBar>
      <StatusField>Ready</StatusField>
      <StatusField>14 items</StatusField>
    </StatusBar>
  );
}

Props

Component	Props	Description
`StatusBar`	`HTMLAttributes<HTMLDivElement>`	Status bar container.
`StatusField`	`HTMLAttributes<HTMLDivElement>`	Individual status segment.

Status Bar

Preview

Installation

Usage

Props

On this page