Call To Action Button

Inputs

Pill button with badge, message and arrow, for announcing news.

Call to action — badge, mensagem e seta

Instalação via CLI

$ npx kikitocn add call-to-action-button

Interno:

@/lib/utilslucide-react

Exemplo de uso

Call To Action ButtonExample.tsx

import { CallToActionButton } from "@/components/ui/cn/call-to-action-button/CallToActionButton";

export function CallToActionButtonExample() {
  return (
    <CallToActionButton>
      Call To Action Button
    </CallToActionButton>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`badgeLabel`	`string`	`'New version'`	Texto do badge pill à esquerda
`children`	`React.ReactNode`	`'Check out the new features'`	Texto de apoio depois do badge
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…