Skip to main content

Emphasis Examples

This page demonstrates different types of emphasis blocks (admonitions) available in Docusaurus.

Note Admonition​

General info

Use this for general notes and supplementary information that doesn't fit other categories.

📋 Copy Code
:::note[General info]
Use this for general notes and supplementary information that doesn't fit other categories.
:::

Tip Admonition​

Performance

Use React.memo() for components that receive stable props to prevent unnecessary re-renders.

📋 Copy Code
:::tip[Performance]
Use React.memo() for components that receive stable props to prevent unnecessary re-renders.
:::

Info Admonition​

Additional Context

The Zod library provides excellent TypeScript integration with automatic type inference from schemas.

📋 Copy Code
:::info[Additional Context]
The Zod library provides excellent TypeScript integration with automatic type inference from schemas.
:::

Warning Admonition​

Security

Always validate user input with Zod schemas before processing. Never trust client-side data.

📋 Copy Code
:::warning[Security] 
Always validate user input with Zod schemas before processing. Never trust client-side data.
:::

Danger Admonition​

Important

Never expose sensitive environment variables to the client-side. Use server-side validation.

📋 Copy Code
:::danger[Important]
Never expose sensitive environment variables to the client-side. Use server-side validation.
:::