カレンダー

月間ビューカレンダー - 月間スイッチャー、受信ボックスフィードドロップダウン、およびイベントチップが「+N more」ラベルにオーバーフローする月間グリッド。イベントをタッピングすると、出席者、会議コード、および参加ボタンで固定された詳細がポップアップ表示されます。

ライブプレビュー

2026年8月

5
日
月
火
水
木
金
土
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
+2 もっと詳しく
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5

インストール

カレンダーはBoardUI Proに含まれています。

ダークモード対応:この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.

プロアクセス

カレンダー プロです コンポーネント.

BoardUI Proライセンスは、このライセンスを解除します。 コンポーネント と、そのすべてのソースファイル。ライセンスを有効化すると、CLIでプロジェクトに直接インストールできます。

01

ライセンスを有効化

Lemon Squeezyの購入メールにあるキーを使ってください。端末ごとに1回設定すれば完了です。

npx boardui@latest login YOUR_LICENSE_KEY
02

インストール コンポーネント

CLIがソースをコピーし、BoardUIとnpmの依存関係をすべて解決します。

npx boardui@latest add calendar

詳しくはこちら コンポーネント BoardUI Proに含まれているもの

今すぐBoardUI Proを入手し、インストールしてください。

共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー&ペーストの例は、標準のインポートを使います。