All componentsEelco, Saas UI Eelco, Saas UI Eelco, Saas UI Eelco, Saas UI
Blockquote
Quotations with subtle and solid accents and an attribution caption.
Ship pages, not stylesheets.
Variants
Ship pages, not stylesheets.
Ship pages, not stylesheets.
Ship pages, not stylesheets.
Install
zsh — blockquote
1bunx stylexblocks add blockquoteUsage — Ark UI
blockquote.tsx
123456789101112import { Blockquote } from "#components/ui/ark-ui/blockquote.tsx";
export function Example() { return ( // variant/justify resolve once on Root; every part inherits them via // context — the Root is a <figure>, so nest a plain <blockquote> <Blockquote.Root variant="subtle"> <blockquote>Ship pages, not stylesheets.</blockquote> <Blockquote.Caption>Eelco, Saas UI</Blockquote.Caption> </Blockquote.Root> );}