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

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