CropperGrid

The CropperGrid interface provides properties and methods for manipulating the layout and presentation of <cropper-grid> elements.

Examples

Basic

TIP

The default height of this element is 0.

Custom rows and columns

Within CropperCanvas

Within CropperSelection

Properties

Inherits properties from its parent, CropperElement, and implements the following properties:

NameTypeDefaultOptionsDescription
rowsnumber3-Indicates the number of the rows.
columnsnumber3-Indicates the number of the columns.
borderedbooleanfalse-Indicates whether this element is bordered.
coveredbooleanfalse-Indicates whether this element covers its parent element.
slottablebooleanfalse-Indicates whether this element is slottable.
themeColorstring"rgba(238, 238, 238, 0.5)"-Indicates the color of the element.

Slots

There are no available slots in this element.

You can enable the default slot by setting the slottable property to true:

<cropper-grid slottable></cropper-grid>