Skip to content

Commit

Permalink
fix "Could not parse expression with acorn: $error" in mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
bbohlender committed Jan 24, 2025
1 parent 03c4626 commit 0a51e8a
Showing 1 changed file with 37 additions and 37 deletions.
74 changes: 37 additions & 37 deletions docs/getting-started/components-and-properties.md
Original file line number Diff line number Diff line change
Expand Up @@ -88,45 +88,45 @@ In addition to the flexbox properties, the container has properties for styling
<details>
<summary>View all properties for styling the background panel</summary>

| Property | Type |
| -------------------------------- | ------------------------------------------- |
| receiveShadow | boolean |
| castShadow | boolean |
| depthTest | boolean |
| depthWrite | boolean |
| renderOrder | number |
| backgroundColor | ColorRepresentation |
| backgroundOpacity | number |
| panelMaterialClass | Material class |
| borderOpacity | number |
| borderColor | ColorRepresentation |
| borderRadius | number |
| borderLeftRadius | number |
| borderRightRadius | number |
| borderTopRadius | number |
| borderBottomRadius | number |
| borderTopLeftRadius | number |
| borderTopRightRadius | number |
| borderBottomRightRadius | number |
| borderBottomLeftRadius | number |
| borderBend | number |
| scrollbarPanelMaterialClass | Material class |
| scrollbarBackgroundOpacity | number |
| scrollbarBackgroundColor | ColorRepresentation |
| scrollbarWidth | number |
| scrollbarBorderRadius | number |
| scrollbarBorderLeftRadius | number |
| scrollbarBorderRightRadius | number |
| scrollbarBorderTopRadius | number |
| scrollbarBorderBottomRadius | number |
| scrollbarBorderTopLeftRadius | number |
| scrollbarBorderTopRightRadius | number |
| scrollbarBorderBottomRightRadius | number |
| scrollbarBorderBottomLeftRadius | number |
| zIndexOffset | number or { minor?: number, major?: number } |
| Property | Type |
| -------------------------------- | ---------------------------------------------- |
| receiveShadow | boolean |
| castShadow | boolean |
| depthTest | boolean |
| depthWrite | boolean |
| renderOrder | number |
| backgroundColor | ColorRepresentation |
| backgroundOpacity | number |
| panelMaterialClass | Material class |
| borderOpacity | number |
| borderColor | ColorRepresentation |
| borderRadius | number |
| borderLeftRadius | number |
| borderRightRadius | number |
| borderTopRadius | number |
| borderBottomRadius | number |
| borderTopLeftRadius | number |
| borderTopRightRadius | number |
| borderBottomRightRadius | number |
| borderBottomLeftRadius | number |
| borderBend | number |
| scrollbarPanelMaterialClass | Material class |
| scrollbarBackgroundOpacity | number |
| scrollbarBackgroundColor | ColorRepresentation |
| scrollbarWidth | number |
| scrollbarBorderRadius | number |
| scrollbarBorderLeftRadius | number |
| scrollbarBorderRightRadius | number |
| scrollbarBorderTopRadius | number |
| scrollbarBorderBottomRadius | number |
| scrollbarBorderTopLeftRadius | number |
| scrollbarBorderTopRightRadius | number |
| scrollbarBorderBottomRightRadius | number |
| scrollbarBorderBottomLeftRadius | number |
| zIndexOffset | number or `{ minor?: number, major?: number }` |

**`zIndexOffset` Explanation:**
`zIndexOffset={1}` allows to manipulate the default order deduced from the UI hierachy, giving the developer the option to shift the order of specific elements backwards or forwards making them appear behind or infront of other elements. Note that sibling elements are treated as having the same UI hiearchy and are therefore not explicitly ordered. `zIndexOffset={1}` is the same as `zIndexOffset={{ major: 1 }}`. While giving a major zIndexOffset causes more draw calls, a minor offset with `zIndexOffset={{ minor: 1 }}` causes no direct performance implications and allows to order sibling elements of the same type e.g. with two overlapping panels beeing siblings in the UI hiearchy.
`zIndexOffset={1}` allows to manipulate the default order deduced from the UI hierachy, giving the developer the option to shift the order of specific elements backwards or forwards making them appear behind or infront of other elements. Note that sibling elements are treated as having the same UI hiearchy and are therefore not explicitly ordered. `zIndexOffset={1}` is the same as `zIndexOffset={{ major: 1 }}`. While giving a major zIndexOffset causes more draw calls, a minor offset with `zIndexOffset={{ minor: 1 }}` causes no direct performance implications and allows to order sibling elements of the same type e.g. with two overlapping panels beeing siblings in the UI hiearchy.

</details>

Expand Down

0 comments on commit 0a51e8a

Please sign in to comment.