diff options
| author | Mark Otto <markd.otto@gmail.com> | 2022-04-01 22:33:43 +0300 |
|---|---|---|
| committer | GeoSot <geo.sotis@gmail.com> | 2022-04-13 22:48:11 +0300 |
| commit | e50774b96678532012f42b705fd12a7ba3bb8aab (patch) | |
| tree | a87597b116cf9a2f702efa11a96718c59ca0f8ac | |
| parent | 9ade778f5b65129d93e188c3cf62be0c8064f2c4 (diff) | |
Copyediting
| -rw-r--r-- | site/layouts/partials/js-data-attributes.html | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/site/layouts/partials/js-data-attributes.html b/site/layouts/partials/js-data-attributes.html index 292ad3fe51..c743d2cd73 100644 --- a/site/layouts/partials/js-data-attributes.html +++ b/site/layouts/partials/js-data-attributes.html @@ -1,7 +1,7 @@ <p> Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-bs-</code>, as in <code>data-bs-animation=""</code>. Make sure to change the case type of the option name from camelcase to kebab-case when passing the options via data attributes. - For example, instead of using <code>data-bs-customClass="beautifier"</code>, you cna use <code>data-bs-custom-class="beautifier"</code>. + For example, use <code>data-bs-custom-class="beautifier"</code> instead of <code>data-bs-customClass="beautifier"</code>. </p> <div class="bd-callout bd-callout-???"> @@ -9,15 +9,16 @@ <div class="small"> <p> - All components support an <strong>experimental</strong> reserved data-attribute <code>data-bs-config</code> that + All components support an <strong>experimental</strong> reserved data attribute <code>data-bs-config</code> that can house simple component configuration as a JSON string. </p> - <p> In any case when an element has <code>data-bs-config='{"delay":0, "title":123}'</code> and <code>data-bs-title="456"</code> attributes, - the final <code>title</code> value will be <code>456</code> the separate data attributes will override values given on <code>data-bs-config</code>. + <p> + When an element has <code>data-bs-config='{"delay":0, "title":123}'</code> and <code>data-bs-title="456"</code> attributes, + the final <code>title</code> value will be <code>456</code> and the separate data attributes will override values given on <code>data-bs-config</code>. </p> <p> - In addition, the existing data-attributes are able to house JSON values like <code>data-bs-delay='{"show":0,"hide":150}'</code> + In addition, existing data attributes are able to house JSON values like <code>data-bs-delay='{"show":0,"hide":150}'</code>. </p> </div> </div> |