{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "blockquote", "type": "registry:ui", "title": "Blockquote", "description": "Quoted block with accent border and cite.", "registryDependencies": [ "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/utils.json", "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/text.json" ], "files": [ { "path": "registry/shared/ui/blockquote.tsx", "type": "registry:ui", "target": "components/ui/blockquote.tsx", "content": "import type { ReactNode } from 'react';\nimport { View, type ViewProps } from 'react-native';\nimport { Text, type TextProps } from '@/components/ui/text';\nimport { cn } from '@/lib/utils';\n\nexport interface BlockquoteProps extends ViewProps {\n /** Attribution line (author, source). Rendered as muted small text. */\n cite?: ReactNode;\n className?: string;\n textClassName?: string;\n children?: ReactNode;\n}\n\n/**\n * Quoted passage — left border accent + muted text, with optional cite.\n *\n * @example\n *
\n * The Analytical Engine weaves algebraic patterns…\n *
\n */\nexport function Blockquote({\n cite,\n className,\n textClassName,\n children,\n ...props\n}: BlockquoteProps) {\n return (\n \n \n {children}\n \n {cite != null ? {cite} : null}\n \n );\n}\n\n/** Standalone cite — also usable inside `cite` for custom styling. */\nexport function BlockquoteCite({ className, ...props }: TextProps) {\n return (\n \n );\n}\n" } ] }