Divider Widget - GitAscii API

The Divider widget renders a sharp horizontal stroke across the width of the canvas, functioning as a section divider in the style of classified editorial documents.

Configuration Schema

export interface DividerConfig {
  accentColor?: string // Default: globalStyles.accentColor || '#c5ff4a'
}

string

default:"globalStyles.accentColor"

Stroke color for the 4px horizontal line.

Real Code Example

import { renderWidgetSvg, WidgetInstance } from '@/engine'

const dividerWidget: WidgetInstance = {
  instanceId: 'divider_01',
  widgetId: 'divider',
  name: 'Neon Divider',
  position: { x: 0, y: 390 },
  size: { width: 800, height: 24 },
  config: {
    accentColor: '#c5ff4a',
  },
  locked: false,
  visible: true,
  zIndex: 5,
}

const svgOutput = renderWidgetSvg(dividerWidget, profileData, globalStyles)

⌘I