Interface GridBackgroundProps

src/extras/GridBackground.tsx:13–46

import type { GridCellConfig } from "../core/calculate.js";

export interface GridBackgroundProps extends GridCellConfig {
  /**
   * Number of rows to display. If "auto", calculates based on height.
   * @default 10
   */
  rows?: number | "auto";

  /**
   * Height of the background in pixels. Used when rows="auto".
   */
  height?: number;

  /**
   * Color of the grid cell backgrounds.
   * @default "#e0e0e0"
   */
  color?: string;

  /**
   * Border radius of grid cells in pixels.
   * @default 4
   */
  borderRadius?: number;

  /**
   * Additional CSS class name.
   */
  className?: string;

  /**
   * Additional inline styles.
   */
  style?: React.CSSProperties;
}

/**
 * SVG grid background component.