- 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

Dec 2, 2025
😎
'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> ); }
All BlocksThis is Heading 1This is Heading 2This is Heading 3This is Heading 1This is Heading 2This is Heading 3This is Toggle Heading 1This is Toggle Heading 2This is Toggle Heading 3
Notion Kit Test SuiteWelcome 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 rich text formatting options.
text blocks are akin to HTML <p> tags. Text blocks also support a variety of This is Heading 1
This is Heading 2
This is Heading 3
- This is a numbered list
- This is a numbered list
- 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
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
