Notion Kit Test Suite
😀

Notion Kit Test Suite

  • This is bulleted list 1
    • This is bulleted list 2
    • This is bulleted list 2
  • This is bulleted list 1
    • This is bulleted list 2
      • This is bulleted list 3
        • This is bulleted list 4
        • This is bulleted list 4
          • This is bulleted list 5
      • This is bulleted list 3
    • This is bulleted list 2
  • This is bulleted list 1
    • This is bulleted list 2
    • This is bulleted list 2
 
 
Video preview
 
 
 
 
 
😀
Notion Kit Test Suite
Dec 2, 2025 😎 x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
 
 
 
Dec 2, 2025
 
😎
 
x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
 
'use client'; /** * @file Audio.tsx * @description 音频 Block 渲染组件 */ import type { Block as NotionBlock } from 'notion-types'; import { useNotionContext } from '../context'; import { AssetWrapper } from '../components/AssetWrapper'; interface AudioBlockProps { block: NotionBlock; } /** * 音频 Block 组件 * 输出 data-block-type="audio" 的 <audio> 元素 */ export function AudioBlock({ block }: AudioBlockProps) { const { mapImageUrl } = useNotionContext(); const source = block.properties?.source?.[0]?.[0]; if (!source) { return ( <div className="nr-audio nr-placeholder"> <span>音频加载失败</span> </div> ); } const audioUrl = mapImageUrl(source, block); return ( <AssetWrapper block={block} className="nr-audio"> <audio src={audioUrl} controls preload="metadata" /> </AssetWrapper> ); }
😀
Notion Kit Test Suite
 
Welcome to the official Notion Kit test suite. 👋
The goal of this workspace is to aim for 100% coverage of all public, readonly Notion functionality. This includes all block types, collection views (databases), and formatting options.

All Blocks

All kinds of text styling options are supported. Basic text blocks are akin to HTML <p> tags. Text blocks also support a variety of rich text formatting options.
 
Open The Monospace Web
 

This is Heading 1

 

This is Heading 2

 

This is Heading 3

 
 
  1. This is a numbered list
  1. This is a numbered list
  1. This is a numbered list
 
This is To-do list
 
This is a toggle.
This content is hidden.
 
 
📢
This is a callout.
 
This is a quote.
 
Header
Header
Header
Header
Table
Table
Header
Table
Table
 

 
 
 

This is Heading 1

This is Heading 2

This is Heading 3

 
x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
 
 
 

This is Toggle Heading 1

This is Heading 1
 

This is Toggle Heading 2

This is Heading 2
 

This is Toggle Heading 3

This is Heading 3
 
columns 1
columns 2
 
columns 1
columns 2
columns 3
 
columns 1
columns 2
columns 3
columns 4
 
columns 1
columns 2
columns 3
columns 4
columns 5
 
 
graph TD Mermaid --> Diagram
 
 
notion image