UI Element

note

This is a note admonition

tip

This is a tip admonition

info

This is an info admonition

caution

This is a caution admonition

danger

This is a danger admonition

success

This is a success admonition

Responsive Table

Feature	Mobile	Tablet	Desktop	Description
Navigation	✅	✅	✅	Responsive navigation menu
Search	✅	✅	✅	Full-text search functionality
Dark Mode	✅	✅	✅	Toggle between light/dark themes

Complex Table

Component	Props	Type	Default	Description
Button	variant	'primary' | 'secondary'	'primary'	Button style variant
Button	size	'small' | 'medium' | 'large'	'medium'	Button size
Button	disabled	boolean	false	Disable button interaction
Input	type	'text' | 'email' | 'password'	'text'	Input field type

Tabs

Apple

This is an apple 🍎

Orange

This is an orange 🍊

Banana

This is a banana 🍌

JavaScript

	function greet(name) {
	  return `Hello, ${name}!`;
	}

Python

	def greet(name):
		return f"Hello, {name}!"

Java

	public String greet(String name) {
		return "Hello, " + name + "!";
	}

Tabs with Mixed Content

Overview

Project Overview

This project demonstrates how to build a modern web application.

:::tip
Start with the setup tab for installation instructions.
:::

Setup

Prerequisites

• Node.js 16+
• Git

Installation

Method	Endpoint	Description
GET	/api/users	Get all users
POST	/api/users	Create user

Embed Video

import Video from '@site/src/components/Video';
<Video width="100%" src="/videos/alerts/alerts.mp4" type="video/mp4" />