Uranus Design System

UpgradePrompt é o card que pede para o usuário fazer upgrade. Três layouts via cva:

inline — entre conteúdo, em paywalls e feature gates.
card — standalone, no dashboard ou em settings.
banner — strip no topo do app, com fundo bg-primary.

Desbloqueie relatórios avançados

Compare períodos, exporte em CSV e adicione visões personalizadas no plano Pro.

'use client';
import { UpgradePrompt } from '@uranus-workspace/blocks';
import { Button } from '@uranus-workspace/design-system';

export default function UpgradePromptDefault() {
  return (
    <UpgradePrompt
      layout="card"
      title="Desbloqueie relatórios avançados"
      description="Compare períodos, exporte em CSV e adicione visões personalizadas no plano Pro."
      action={<Button size="sm">Fazer upgrade</Button>}
    />
  );
}

Uso

import { UpgradePrompt } from '@uranus-workspace/blocks';
import { Button } from '@uranus-workspace/design-system';

<UpgradePrompt
  title="Desbloqueie projetos ilimitados"
  description="Faça upgrade para Pro e remova o limite de 3 projetos."
  action={<Button>Fazer upgrade</Button>}
/>

Props

title / description — copy do upsell.
icon — ícone à esquerda (ignorado quando layout="banner").
action — slot livre para CTAs.
layout — inline | card | banner.

UpgradePrompt

Uso

Props

On this page