diff options
| author | Rohit Sharma <rohit2sharma95@gmail.com> | 2021-02-08 17:55:47 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-08 17:55:47 +0300 |
| commit | b6cae918938038f0fad4df9fbbfdc4190d7a68f7 (patch) | |
| tree | 8875f18a52cf89a6b9c62a7a71de8eff47ad160c | |
| parent | 22d8e34b3eb969d241498337b07ac143e3c4b619 (diff) | |
Add a note to change the case type of option name (#32995)
| -rw-r--r-- | site/content/docs/5.0/components/popovers.md | 2 | ||||
| -rw-r--r-- | site/content/docs/5.0/components/tooltips.md | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.0/components/popovers.md b/site/content/docs/5.0/components/popovers.md index 13d3edd7fe..56616fd0cd 100644 --- a/site/content/docs/5.0/components/popovers.md +++ b/site/content/docs/5.0/components/popovers.md @@ -130,7 +130,7 @@ Additionally, while it is possible to also include interactive controls (such as ### Options -Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-animation=""`. +Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-animation=""`. Make sure to change the case type of the option name from camelCase to kebab-case when passing via data attributes. For example: instead of using `data-bs-customClass="beautifier"`, use `data-bs-custom-class="beautifier"`. {{< callout warning >}} Note that for security reasons the `sanitize`, `sanitizeFn`, and `allowList` options cannot be supplied using data attributes. diff --git a/site/content/docs/5.0/components/tooltips.md b/site/content/docs/5.0/components/tooltips.md index ea4762a673..9a5dd93931 100644 --- a/site/content/docs/5.0/components/tooltips.md +++ b/site/content/docs/5.0/components/tooltips.md @@ -157,7 +157,7 @@ Elements with the `disabled` attribute aren't interactive, meaning users cannot ### Options -Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-animation=""`. +Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-animation=""`. Make sure to change the case type of the option name from camelCase to kebab-case when passing via data attributes. For example: instead of using `data-bs-customClass="beautifier"`, use `data-bs-custom-class="beautifier"`. {{< callout warning >}} Note that for security reasons the `sanitize`, `sanitizeFn`, and `allowList` options cannot be supplied using data attributes. |