Blockquote

import { Blockquote } from '@tidbcloud/uikit'

import { Blockquote } from '@tidbcloud/uikit'
import { IconInfoCircle } from '@tabler/icons-react'
 
function Demo() {
  return (
    <Blockquote cite="– Forrest Gump" icon={<IconInfoCircle />} mt="xl">
      Life is like an npm install – you never know what you are going to get.
    </Blockquote>
  )
}

import { Blockquote } from '@tidbcloud/uikit'
 
function Demo() {
  return <Blockquote cite="– Someone famous">This is a blockquote without an icon.</Blockquote>
}

import { Blockquote, Stack } from '@tidbcloud/uikit'
 
function Demo() {
  return (
    <Stack>
      <Blockquote color="blue">Blue blockquote</Blockquote>
      <Blockquote color="red">Red blockquote</Blockquote>
      <Blockquote color="green">Green blockquote</Blockquote>
    </Stack>
  )
}