Modern Simple Quote

Display

Card-style quote with flanking quote glyphs, tinted background and a left accent border.

Modern Simple Quote — aspas flanqueando o texto, borda de destaque à esquerda

I have not failed. I've just found 10,000 ways that won't work.
Thomas A. Edison

Instalação via CLI

$ npx kikitocn add modern-simple-quote

Interno:

@/lib/utils

Exemplo de uso

Modern Simple QuoteExample.tsx

import { ModernSimpleQuote } from "@/components/ui/cn/modern-simple-quote/ModernSimpleQuote";

export function ModernSimpleQuoteExample() {
  return (
    <ModernSimpleQuote quote="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`quote*`	`string`	—	Texto da citação
`author`	`string`	—	Nome do autor, alinhado à direita
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…