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 — Base UI
blockquote.tsx
123456789101112import { Blockquote } from "#components/ui/base-ui/blockquote.tsx";
export function Example() { return ( // variant/justify resolve once on Root; parts inherit them via context // and Root exposes data-variant / data-justify attributes <Blockquote.Root variant="subtle"> <blockquote>Ship pages, not stylesheets.</blockquote> <Blockquote.Caption>Eelco, Saas UI</Blockquote.Caption> </Blockquote.Root> );}