Tabs

Example: AI Prompt to Generate Tabs from Headers

Prompt

Please convert the following content, which uses Level 3 Headers (`###`), into Readme `<Tabs>` format. Each section starting with a `###` header should become a `<Tab>`. The text of the header should be the `title` of the tab. Please suggest a relevant free Font Awesome icon for each tab based on its content and include it in the `icon="..."` attribute for each `<Tab>`.

Here is the content:
### Phase 1: Gnome Diplomacy

Initial contact involves offering tiny biscuits and complimenting pointy hats. Avoid sudden movements or mentioning lawnmowers. Success is measured in non-aggression pacts.

### Phase 2: Dragon Negotiations

Requires fireproof attire and a large supply of treasure (preferably shiny). Key topics include airspace rights and barbecue etiquette. Do not attempt if allergic to smoke or riddles.

### Phase 3: Kraken Tea Party

Held underwater. Bring waterproof teacups and submersible scones. Conversation topics: shipping lane disruptions, favorite shades of blue, the existential angst of the deep. Tentacle handshakes are optional but encouraged.

Result

<Tabs>
  <Tab title="Phase 1: Gnome Diplomacy" icon="fa-handshake">
    Initial contact involves offering tiny biscuits and complimenting pointy hats. Avoid sudden movements or mentioning lawnmowers. Success is measured in non-aggression pacts.
  </Tab>

  <Tab title="Phase 2: Dragon Negotiations" icon="fa-dragon">
    Requires fireproof attire and a large supply of treasure (preferably shiny). Key topics include airspace rights and barbecue etiquette. Do not attempt if allergic to smoke or riddles.
  </Tab>

  <Tab title="Phase 3: Kraken Tea Party" icon="fa-water">
    Held underwater. Bring waterproof teacups and submersible scones. Conversation topics: shipping lane disruptions, favorite shades of blue, the existential angst of the deep. Tentacle handshakes are optional but encouraged.
  </Tab>
</Tabs>

Cards

Please convert the following bulleted list into Readme `<Cards columns={4}>` format. Each bullet point should become a `<Card>`. The bold text should be the `title` of the card. Please suggest a relevant free Font Awesome icon for each card based on its content and include it in the `icon="..."` attribute for each `<Card>`.

Here is the list:
* **Quantum Toaster:** Toasts bread across multiple timelines simultaneously. May cause temporal paradoxes. Handle with care.
* **Self-Folding Laundry Basket:** Automatically folds clothes placed inside. Known side effects include occasional sock sentience and existential dread in sweaters.
* **Anti-Gravity Boots:** Allows user to walk on ceilings. Requires strong core muscles and a disregard for conventional physics. Not recommended for use near open windows.
* **Sentient Coffee Mug:** Offers philosophical advice and judges your life choices. Requires regular caffeine refills. May develop attachment issues.

Quantum Toaster

Toasts bread across multiple timelines simultaneously. May cause temporal paradoxes. Handle with care.

Self-Folding Laundry Basket

Automatically folds clothes placed inside. Known side effects include occasional sock sentience and existential dread in sweaters.

Anti-Gravity Boots

Allows user to walk on ceilings. Requires strong core muscles and a disregard for conventional physics. Not recommended for use near open windows.

Sentient Coffee Mug

Offers philosophical advice and judges your life choices. Requires regular caffeine refills. May develop attachment issues.