Apidog Markdown
  1. Components
Apidog Markdown
  • Welcome to Apidog Markdown
  • Basic Syntax and Features
    • Title and Text
    • Lists & Tables
    • Image
    • Video
    • Code
    • Icon
    • Tailwind CSS Supports
  • Components
    • Admonition
    • Hightlight
    • Accordion
    • AccordionGroup
    • Multiple Columns
    • Card
    • Card Group
    • Image Frame
    • Step
    • Tab
    • Tip
    • Copy to Clipboard
    • Text Hover Tip
    • Text Drawing - Mermaid
      • Graph
      • Sequence Diagram
      • Class Digram
      • State Diagram
      • Entity Relationship Diagram
      • Journey Map
      • Gantt Chart
      • Pie Chart
    • Formula
      • Inline Formula
      • Block-level Formula
  • Other Questions
    • Shortcuts
  1. Components

Card

Define a rectangular component through Card.

Example Effect#

Card Title
This is the card content
Code:
<Card title="Card Title"> 
This is the card content
</Card>
Card content follows Markdown syntax.

Set Icon#

Card with Icon
This is the card content
Code:
<Card title="Card with Icon" icon="material-two-tone-storefront"> 
This is the card content
</Card>

Clickable Card for Navigation#

Clickable Navigation Card
Clicking the card will navigate to the Apidog official website
Code:
<Card title="Clickable Navigation Card" href="https://apidog.com" icon="material-two-tone-storefront">
Clicking the card will navigate to the Apifox official website
</Card>

Parameter Description#

Card
title
string 
Title
required
Define the card title
href
string 
URL address
optional
Define the card redirect URL
icon
string 
Icon
optional
Define the icon. For details, refer to Icon

FAQ#

How to use cards to link to various pages or endpoints within Apidog?
You can use href="apidog://link/{type}/{id}" within the card component.
image.png

How to obtain the docId or endpointId ?#

Click ( "Insert Endpoint/Markdown in the project" ) , the ID will be displayed.
Modified at 2025-04-16 05:41:51
Previous
Multiple Columns
Next
Card Group
Built with