Quote

Name: Rad UI
Author: Rad UI Team

An inline quotation component rendered as a native q element. Automatically adds quotation marks via CSS.

To be or not to be, that is the question.The only way to do great work is to love what you do.

React
"use client"

import Quote from "@radui/ui/Quote"

const QuoteExample = () => {
    return (
        <div className="flex flex-col gap-4">
            <Quote>To be or not to be, that is the question.</Quote>
            <Quote>The only way to do great work is to love what you do.</Quote>
        </div>
    )
}

export default QuoteExample

API Documentation

Anatomy

Import all parts of the component and piece them together

React
import Quote from "@radui/ui/Quote"

export default () => {
    return <Quote>Your quote here.</Quote>
}

Quote

An inline quotation rendered as a native q element.

Prop	Type	Default
customRootClass	string	""
className	string	""