Yuva roadmap · shadcn/ui కోసం Yuva

A public roadmap board: stage tabs with counts, ideas by top votes with vote buttons, the idea view with replies, and Suggest an idea with similar ideas.

Roadmap

ప్రివ్యూ నమూనా డేటాతో నడుస్తుంది. దీనికి నెట్‌వర్క్ లేదా ఛానెల్ అవసరం లేదు.

tsx

import { YuvaRoadmap } from "@/components/yuva-roadmap"

export function Roadmap() {
  return (
    <YuvaRoadmap
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    />
  )
}

ఇన్‌స్టాలేషన్

దీన్ని shadcn ప్రాజెక్ట్‌లో నడపండి. ఫైళ్లు మీ సొంత కోడ్‌లోకి కాపీ అవుతాయి.

Shell

npx shadcn@latest add https://useyuva.com/r/yuva-roadmap.json

Shell

pnpm dlx shadcn@latest add https://useyuva.com/r/yuva-roadmap.json

Shell

yarn dlx shadcn@latest add https://useyuva.com/r/yuva-roadmap.json

Shell

bunx --bun shadcn@latest add https://useyuva.com/r/yuva-roadmap.json

వినియోగం

tsx

import { YuvaRoadmap } from "@/components/yuva-roadmap"

<YuvaRoadmap server={server} channel={channel} />

Props

`YuvaRoadmapProps`

Prop	రకం
`server?`	`string`
`channel?`	`string`
`identityToken?`	`IdentityTokenSource \| null`
`client?`	`YuvaClient`
`defaultStage?`	`YuvaRoadmapStage`
`labels?`	`Partial<YuvaRoadmapLabels>`
`discussionLabels?`	`Partial<YuvaDiscussionsLabels>`
`locale?`	`string`
`className?`	`string`

`YuvaRoadmapListProps`

Prop	రకం
`stage?`	`YuvaRoadmapStage`
`onStageChange?`	`(stage: YuvaRoadmapStage) => void`
`onSelect`	`(idea: Discussion) => void`
`onSuggest?`	`() => void`
`labels?`	`Partial<YuvaRoadmapLabels>`
`discussionLabels?`	`Partial<YuvaDiscussionsLabels>`
`className?`	`string`

లేబుల్స్

ప్రతి లేబుల్‌కు ఆంగ్ల డిఫాల్ట్ ఉంది. వాటిని మార్చడానికి లేదా అనువదించడానికి labels ఆబ్జెక్ట్‌లో కొంత భాగాన్ని ఇవ్వండి.

లేబుల్	డిఫాల్ట్
`heading`	`"Roadmap"`
`stageIdeas`	`"Ideas"`
`stagePlanned`	`"Planned"`
`stageInProgress`	`"In progress"`
`stageShipped`	`"Shipped"`
`stageClosed`	`"Closed"`
`suggest`	`"Suggest an idea"`
`suggestHeading`	`"Suggest an idea"`
`suggestTitlePlaceholder`	`"Your idea in a few words"`
`suggestBodyPlaceholder`	`"Describe it. What do you need, and why? Markdown works."`
`sendIdea`	`"Send idea"`
`similarIdeas`	`"Similar ideas"`
`ideaSent`	`"Thanks! Your idea is on the board."`
`ideaPending`	`"Thanks! The team will review your idea before it is shown."`
`votingClosed`	`"Voting is closed for this idea."`
`empty`	`"Nothing here yet."`
`vote`	(title) => `Vote for ${title}`
`removeVote`	(title) => `Remove your vote for ${title}`
`votes`	(count) => (count === 1 ? "1 vote" : `${count} votes`)
`back`	`"Roadmap"`

ఆధారపడేవి

ఈ ఐటమ్‌ను ఇన్‌స్టాల్ చేస్తే కింది వాటిని కూడా జోడిస్తుంది.

shadcn/ui కాంపోనెంట్‌లు

Yuva యొక్క ఇతర ఐటమ్‌లు

npm ప్యాకేజీలు

lucide-react ↗