import BlockQuote from "@radui/ui/BlockQuote"

const BlockQuoteExample = () => (
    <div className="text-gray-950">
        <BlockQuote color="green">
            "Behind every great man is a woman rolling her eyes." — Jim Carrey
        </BlockQuote>
    </div>
)

export default BlockQuoteExample;
Show more

import BlockQuote from '@radui/ui/BlockQuote';

const BlockQuoteSizes = () => {
    const sizes = ['small', 'medium', 'large', 'x-large'];

    return <div className='flex flex-col gap-4'>

                {sizes.map((size, index) => {
                    return <BlockQuote key={index} size={size} >
                        <span className='text-gray-950'>"Behind every great man is a woman rolling her eyes." — Jim Carrey</span>
                        </BlockQuote>
                })}
            </div>

}

export default BlockQuoteSizes;
Show more

import BlockQuote from '@radui/ui/BlockQuote';


const BlockQuoteColor = () => {
    const sizes = ['small', 'medium', 'large', 'x-large'];
    return <div className='flex flex-col gap-4'>
                {sizes.map((size, index) => {
                    return <BlockQuote key={index} size={size} color='pink'>
                        <span className='text-gray-950'>"Behind every great man is a woman rolling her eyes." — Jim Carrey</span>
                    </BlockQuote>
                })}
            </div>
}

export default BlockQuoteColor;
Show more