カレンダービュー

サンプルデータベースを <Calendar> で描画しています。下のコードは、このページが実際に実行しているものです。


const db = await FetchDatabase({
  database_id: process.env.NOTION_TESTDB_ID,
  filter: { property: 'Published', checkbox: { equals: true } },
  sorts: [{ property: 'Date', direction: 'descending' }],
})
 
<Calendar
  db={db}
  keys={["Name", "Tags"]}
    date="Date"
/>

Notion のページを Rotion で描画しています

This is a page for validating a calendar view, which is an object that makes up a page on notion.

️-

Untitled

September 2026

Sun

Mon

Tue

Wed

Thu

Fri

Sat