VISUALLIdesign system

Community

UpvoteCard

A public-roadmap item people can vote for — co-creation made visible.

Playground

Change the props, switch theme in the header, try Tablet and Phone widths, then copy the code.

Playground

Examples

Live previewOpen ↗

Props

export interface UpvoteCardProps {
  title: string;
  description?: string;
  status?: 'planned' | 'building' | 'shipped';
  votes: number;
  voted?: boolean;
  onVote?: () => void;
  topic?: Topic
}

Use

import { UpvoteCard } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/UpvoteCard/README.md