Skip to main content

Documentation Index

Fetch the complete documentation index at: https://copylabs.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

​
Blockquote

Blockquote is a typography component for rendering quoted content with distinctive styling.

​
Import

import { Blockquote } from 'radix-native-ui';

​
Usage

import { Blockquote } from 'radix-native-ui';

<Blockquote>
  The only way to do great work is to love what you do.
</Blockquote>

​
Props

​
Examples

​
Basic Quote

<Blockquote>
  Design is not just what it looks like and feels like. Design is how it works.
</Blockquote>

​
With Attribution

<Flex direction="column" gap={2}>
  <Blockquote>
    The only way to do great work is to love what you do.
  </Blockquote>
  <Text size={2} color="gray">— Steve Jobs</Text>
</Flex>

​
Colored Quote

<Blockquote borderColor="blue" quoteColor="blue">
  Innovation distinguishes between a leader and a follower.
</Blockquote>

​
In Card

<Card>
  <Flex direction="column" gap={3}>
    <Heading size={3}>Quote of the Day</Heading>
    <Blockquote>
      Stay hungry, stay foolish.
    </Blockquote>
    <Text size={2} color="gray">— Steve Jobs</Text>
  </Flex>
</Card>

​
Long Quote

<Blockquote>
  We're here to put a dent in the universe. Otherwise why else even be here?
  Living is about making things happen. It's about creating something that
  makes a difference.
</Blockquote>
  • Text - Text component
  • Em - Italic text
  • Card - Card component