import { IconAlertCircle } from '@tabler/icons-react'; Component Props ### Usage Preview Code ```jsx import { BlockQuote } from '@xbeshui/core'; import { IconAlertCircle } from '@tabler/icons-react'; function Demo() { return (

}> The greatest glory in living lies not in never falling, but in rising every time we fall.

); } ```

} size="xl"> The greatest glory in living lies not in never falling, but in rising every time we fall.

### Block Quote component props | Name | Type | Description | |----------------|---------|----------------------------------------------------------------------------------------------------------| | size | Default \| "xs" \| "sm" \| "base" \| "lg" \| "xl" \| "2xl" \| "3xl" \| "4xl" \| "5xl" \| "6xl" \| "7xl" \| "8xl" \| "9xl" | Adjusts the dimensions of the component, converting numerical values to relative units of measurement. Defaults to 'md' size. | | textWrap | default \| wrap \| nowrap \| balance \| pretty | Enables automatic wrapping of text within the designated area. | | line | Default \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "xxl" \| "3xl" \| "4xl" \| "5xl" \| "6xl" \| "7xl" \| "8xl" \| "9xl" | Specifies the vertical space between lines of text. | | fontFamily | default \| serif \| mono \| sans | Specifies the typeface used for text. | | align | default \| center \| right \| justify | Specifies the horizontal alignment of text or elements within a container. | | defaultVariants| size \| textWrap \| line \| fontFamily | The DefaultVariants component allows for the definition of default styles and variants for UI elements, ensuring consistent design patterns and ease of customization. |