cylindo-model
The <cylindo-model> is used to embed a 3D model of your product into your <cylindo-viewer>.
Attributes
alt
Alternative text for the viewer. This is used by screen readers.
| Default value | Options |
|---|---|
"" | string |
zoomable
Enables zoom functionality and displays buttons for zooming in and out.
| Default value | Options |
|---|---|
"false" | "true" | "false" |
show-dimensions
Shows the width, height and depth of the product on top of the 3D model. The values come from the content API.
| Default value | Options |
|---|---|
"false" | "true" | "false" |
CSS Variables
--dimensions-min-opacity
The opacity of the dimensions when they are hidden behind the model.
| Default value | Options |
|---|---|
0.3 | Any number 0 to 1 |
Parts
The CSS pseudo-element ::part allows to control the css of elements within the shadow tree that has a matching part attribute.
three-d-dimension-label
The three-d-dimension-label part is passed to the labels showing the dimension values.
three-d-dimension-line
The three-d-dimension-line part is passed to the dashed lines of the dimensions. These are SVG <line> elements, so use stroke to change their color.