Cards - Minh Triều

Small Card

<CardGrid>
  <Card
    title="Instructions"
    href="/tai-lieu/basic-setup/installation"
    icon="alignJustify"
    variant="small"
    description="test description"
  />
  <Card
    title="Setup"
    href="/tai-lieu/basic-setup/setup"
    icon="alignJustify"
    variant="small"
  />
  <Card
    title="Rubix Studios"
    href="https://rubixstudios.com.au"
    icon="alignJustify"
    external={true}
    variant="small"
  />
</CardGrid>

Large Card

Instructions

Installation

Get started with Documents using our quick start installation guide to get your project started.

Setup

Site Settings

Setting up your Documents projects layout, links and search engine optimisation.

Support

Rubix Studios

Australia's leading branding, marketing and web development company.

<CardGrid>
  <Card
    subtitle="Instructions"
    title="Installation"
    description="Get started with Documents using our quick start installation guide to get your project started."
    href="/tai-lieu/basic-setup/installation"
  />
  <Card
    subtitle="Setup"
    title="Site Settings"
    description="Setting up your Documents projects layout, links and search engine optimisation."
    href="/tai-lieu/basic-setup/setup"
  />
  <Card
    subtitle="Support"
    title="Rubix Studios"
    description="Australia's leading branding, marketing and web development company."
    href="https://rubixstudios.com.au"
    external={true}
  />
</CardGrid>

Image Card

Instructions

Setup

Rubix Studios

<CardGrid>
  <Card
    title="Instructions"
    href="/tai-lieu/introduction/installation"
    image="/images/og-image.png"
    variant="image"
  />
  <Card
    title="Setup"
    href="/tai-lieu/introduction/setup"
    image="/images/og-image.png"
    variant="image"
  />
  <Card
    title="Rubix Studios"
    href="https://www.rubixstudios.com.au"
    image="/images/og-image.png"
    external={true}
    variant="image"
  />
</CardGrid>

Markdown Diagrams