Block-level quotation from another source.
This component is based on the blockquote
element and supports common margin props.
Prop | Type | Default |
---|---|---|
asChild | boolean | |
size | Responsive<enum> | |
weight | Responsive<"light" | "regular" | "medium" | "bold"> | |
color | enum | |
highContrast | boolean | |
truncate | boolean | |
wrap | Responsive<"wrap" | "nowrap" | "pretty" | "balance"> |
Use the size
prop to control the size.
Currently, we recommend using only sizes 1,2 and 3 following the ScaleUI Radix design system.
Use the weight
prop to set the text weight.
Use the truncate
prop to truncate text with an ellipsis when it overflows its container.