@squadbase/vantage 0.7.0-stg.18ca87d → 0.7.1-dev1.5e06644

package/registry/ui/chart-frame.tsx

@@ -1428,6 +1428,8 @@ export interface ChartFrameProps extends Omit<HTMLAttributes<HTMLElement>, "titl
   plotRole?: "img" | "group"
   /** 値の表。画面には出さず(`sr-only`)、スクリーンリーダー向けに図の中に置く。`chartDataTable` で作る。 */
   dataTable?: ChartDataTable
+  /** プロットの下に常に出す小さな注記(近似値である旨など)。読み込み中・空のときも出す。 */
+  footnote?: string
   /** プロット(チャート本体)。読み込み中・空のときは描かない。 */
   children?: ReactNode
 }
@@ -1448,6 +1450,7 @@ export const ChartFrame = forwardRef<HTMLDivElement, ChartFrameProps>(function C
     ariaLabel,
     plotRole = "img",
     dataTable,
+    footnote,
     className,
     children,
     ...props
@@ -1496,6 +1499,11 @@ export const ChartFrame = forwardRef<HTMLDivElement, ChartFrameProps>(function C
           <ChartFrameContext.Provider value>{children}</ChartFrameContext.Provider>
         )}
       </div>
+      {footnote && (
+        <p data-slot="chart-frame-footnote" className="text-xs leading-snug text-muted-foreground">
+          {footnote}
+        </p>
+      )}
       {state === "ready" && dataTable && dataTable.rows.length > 0 && (
         <ChartDataTableView table={dataTable} fallbackCaption={title ?? ariaLabel} />
       )}