BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/8starlabs-ui/transport-badge-demo-single-station

Transport badge demo single station

8starlabs-ui/transport-badge-demo-single-station
FreeExample

A transport badge demo single station component

Live preview

live · rendered by the registry
Rendered by 8starlabs-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-single-station.json

Source

registry/8starlabs-ui/examples/transport-badge-demo-single-station.tsxui.8starlabs.com/r/transport-badge-demo-single-station.json
1import { TransportBadge } from "@/registry/8starlabs-ui/blocks/transport-badge";
2
3export default function TransportBadgeDemoSingleStation() {
4 return (
5 <div className="flex flex-wrap gap-3">
6 <TransportBadge system="SG" stationCode="NS1" />
7 <TransportBadge system="SG" stationCode="EW12" />
8 <TransportBadge system="SG" stationCode="NE6" />
9 <TransportBadge system="SG" stationCode="CE4" />
10 <TransportBadge system="SG" stationCode="DT15" />
11 <TransportBadge system="SG" stationCode="TE9" />
12 </div>
13 );
14}

Files it writes

  • registry/8starlabs-ui/examples/transport-badge-demo-single-station.tsx

Facts

Registry
8starlabs-ui
Type
registry:example
Access
Free
Files written
1
Licence
the repository states none
First indexed
2026-08-04
Last confirmed
today

Go to the source

Docs on 8starlabs-ui ui.8starlabs.com Raw registry item This item as JSON

More from 8starlabs-ui

All 74 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
Buttonbutton-demo8starlabs-uiExamplesFreeno deps
Flip clockflip-clock-countdown-demo8starlabs-uiExamplesFreeno deps
Flip clockflip-clock-demo8starlabs-uiExamplesFreeno deps
Flip clockflip-clock-showdays-demo8starlabs-uiExamplesFreeno deps
Flip clockflip-clock-size-demo8starlabs-uiExamplesFreeno deps
Flip clockflip-clock-variants-demo8starlabs-uiExamplesFreeno deps
Heatmapheatmap-custom-colors-demo8starlabs-uiExamplesFreeno deps
Heatmapheatmap-custom-display-demo8starlabs-uiExamplesFreeno deps
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex