Carregando…Carregando…Carregando…Carregando…Styled blockquote with variant options, author attribution and avatar.
$ npx kikitocn add quote-blockimport { QuoteBlock } from "@/components/ui/cn/quote-block/QuoteBlock";
export function QuoteBlockExample() {
return (
<QuoteBlock variant="default">
Quote Block
</QuoteBlock>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Texto da citação |
variant | 'default' | 'bordered' | 'filled' | 'minimal' | 'default' | Estilo visual |
author | string | — | Nome do autor |
role | string | — | Cargo ou descrição do autor |
avatar | string | — | URL do avatar |
avatarFallback | string | — | Iniciais para o fallback |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
Default — with author, role and avatar
The Analytical Engine has no pretensions whatever to originate anything. It can do whatever we know how to order it to perform.
Variants
The most dangerous phrase in the language is, “We've always done it this way.”
Sometimes it is the people no one imagines anything of who do the things that no one can imagine.
Simplicity is the ultimate sophistication.
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