Leave Yamada UI a star

Star
Yamada UIYamada UIv1.7.2

Blockquote

Blockquote is a component that represents a blockquote. By default, it renders a blockquote element.

Source@yamada-ui/typography

Props

BlockquoteProps

captionProps

Description

The props for the BlockquoteCaption component.

Type

HTMLUIProps<"figcaption">

cite

Description

The citation of the blockquote.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

citeProps

Description

The props for the BlockquoteCite component.

Type

HTMLUIProps<"cite">

citeUrl

Description

The URL of the citation of the blockquote.

Type

string

colorScheme

Description

The visual color appearance of the component.

Type

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

Default

"gray"

contentProps

Description

The props for the BlockquoteContent component.

Type

HTMLUIProps<"blockquote">

icon

Description

The icon of the blockquote.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

justify

Description

The alignment of the blockquote.

Type

"center" | "end" | "start"

Default

start

size

Description

The size of the Blockquote.

Type

string

variant

Description

The variant of the Blockquote.

Type

"plain" | "solid" | "subtle"

Default

"subtle"

withDash

Description

If true, the dash will be shown.

Type

boolean

Default

false

BlockquoteContentProps

citeUrl

Description

The URL of the citation of the blockquote.

Type

string

BlockquoteCaptionProps

withDash

Description

If true, the dash will be shown.

Type

boolean

Default

false

BlockquoteCiteProps

Edit this page on GitHub

PreviousHeadingNextEm