Navegar componentes

Blockquote

MiscExemplo

Bloco de citação estilizado com borda esquerda em cor de destaque e texto secundário. Use para destacar conteúdo citado, depoimentos ou trechos.

Importação

import {Blockquote} from '@pharos-ds/core/Blockquote';

Exemplos

cite

Design não é só aparência — design é como funciona.
Pharos Design System

Código

import {Blockquote} from '@pharos-ds/core/Blockquote';

<Blockquote
  hasCite
 />

Faça: Use para texto citado, depoimentos ou trechos destacados de fontes externas.
Faça: Forneça a prop cite quando a fonte da citação for conhecida.
Evite: Use para caixas de destaque ou notas informativas; use Banner para esses casos.

Prop	Tipo	Padrão	Descrição
`children` *	`ReactNode`	—	Conteúdo do blockquote.
`cite`	`ReactNode`	—	Atribuição opcional para a citação. Renderizada em um <footer> com <cite>.
`xstyle`	`StyleXStyles`	—	Estilos StyleX para personalização de layout (margens, posicionamento, dimensionamento). Deve ser um valor stylex.create(), não um objeto de estilo inline como style={{}}.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/Blockquote