Skip to main content

Block Style Options

Complete reference for block styling options.

Properties

PropertyTypeDefaultDescription
fillstring"#e2e2e2"Fill color for block background
strokestring"#e2e2e2"Stroke color for block border
stroke_widthnumber1Border width in pixels
title_colorstring"#000"Color for block title text
title_font_sizestring"14px"Font size for block title

Example

style: {
block: {
fill: "#e2e2e2",
stroke: "#cccccc",
stroke_width: 2,
title_color: "#333",
title_font_size: "16px"
}
}

Background Images

When a background image is set for a block, the fill and stroke are automatically hidden.

{
blocks: [{
id: 1,
background_image: "section.jpg",
// fill and stroke will be hidden
seats: [...]
}]
}