Skip to content

Commit

Permalink
Add CSP callout
Browse files Browse the repository at this point in the history
  • Loading branch information
@aarongarciah
aarongarciah committed May 14, 2024
1 parent dffa7a3 commit 48a251e
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions docs/data/system/getting-started/the-sx-prop/the-sx-prop.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -296,6 +296,10 @@ If you want to receive the `sx` prop from a custom component and pass it down to

For highly dynamic CSS values, we recommend using inline CSS variables instead of passing an object with varying values to the `sx` prop on each render. This approach avoids inserting unnecessary `style` tags into the DOM, preventing potential performance issues when dealing with CSS properties that can hold a wide range of values that change frequently. For example, a color picker with live preview.

Check warning on line 297 in docs/data/system/getting-started/the-sx-prop/the-sx-prop.md

View workflow job for this annotation

GitHub Actions / runner / vale 

[vale] reported by reviewdog 🐶
[Google.We] Try to avoid using first-person plural like 'we'.

Raw Output:
{"message": "[Google.We] Try to avoid using first-person plural like 'we'.", "location": {"path": "docs/data/system/getting-started/the-sx-prop/the-sx-prop.md", "range": {"start": {"line": 297, "column": 32}}}, "severity": "WARNING"}

:::info
If you're having problems with your CSP policy, check [our guide](/material-ui/guides/content-security-policy/) on how to configure it.

Check warning on line 300 in docs/data/system/getting-started/the-sx-prop/the-sx-prop.md

View workflow job for this annotation

GitHub Actions / runner / vale 

[vale] reported by reviewdog 🐶
[Google.We] Try to avoid using first-person plural like 'our'.

Raw Output:
{"message": "[Google.We] Try to avoid using first-person plural like 'our'.", "location": {"path": "docs/data/system/getting-started/the-sx-prop/the-sx-prop.md", "range": {"start": {"line": 300, "column": 56}}}, "severity": "WARNING"}
:::

{{"demo": "DynamicValues.js", "bg": true}}

## TypeScript usage
Expand Down

0 comments on commit 48a251e

Please sign in to comment.