Docs Content Typography

This showcase is used to test the default typography rules inside the documentation content wrapper.

Headings and Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non magna vitae justo gravida luctus.

Heading H3 Example

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading H4 Example

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading H5 Example

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading H6 Example

Code Block

This example demonstrates the documentation code block shell. The code highlighting itself is handled by the editor/highlighter integration.

npm install
npm run build
npm run preview

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio, and nullam varius turpis et commodo pharetra.

Inline Elements

This is a simple paragraph demonstrating common inline elements used in documentation. You can follow this link example to explore more details. Some parts of the text are bold or italic, and occasionally underlined for emphasis. Inline code such as npm install may appear within sentences, alongside highlighted text for important notes. You might also see smaller text used for less critical information, or content that has been removed and updated. In some cases, values like H₂O or x² are displayed using subscript and superscript. For keyboard inputs, combinations like Ctrl + C are shown clearly.

Ordered List / Step List

This example demonstrates how ordered lists are styled inside the documentation content. Content editors only need to use a standard ordered list, and the numbering style, circular markers, and connecting vertical line will be applied automatically by docs-content.

1. Log in to your account using your email and password.
2. Click on the "Create Service" button and select your desired plan.
3. Configure your resources such as CPU, RAM, and storage based on your requirements.
4. Enable additional features like SSL and backup options if needed.
   1. Activate SSL from the security settings.
   2. Set up a backup schedule to protect your data.
5. Review your configuration and confirm the order to deploy the service.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio, and nullam varius turpis et commodo pharetra.

Unordered List

This example demonstrates the default unordered list style inside documentation content.

• Choose the product category that matches your workload.
• Review the available regions and select the closest location.
  • Check latency for the primary user location.
  • Compare nearby fallback regions.
    • Keep the fallback region in the same legal zone if needed.
• Check optional features such as backups, monitoring, and security settings.
• Save the configuration after reviewing the final summary.

Table

This example demonstrates the default table style inside documentation content.