Skip to content

Commit 6ca47ae

Browse files
authored
fix: update button SSR text to not compile Twig filter + update SSR code block
1 parent d421f08 commit 6ca47ae

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

docs-site/src/pages/pattern-lab/_patterns/02-components/70-button/999-button-with-web-component.twig

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,16 @@
5252
</bolt-button>
5353
{% endset %}
5454

55+
{# this first button ssr example disables shadow dom for internal testing purposes only. the 2nd code block below is the rendered markup shown in the code snippet (typical usage) #}
56+
{% set button_advanced_ssr_demo_noshadow %}
57+
{% filter bolt_ssr %}
58+
<bolt-button no-shadow>
59+
{{ button_text }}
60+
<bolt-icon name="chevron-right" slot="after" no-shadow></bolt-icon>
61+
</bolt-button>
62+
{% endfilter %}
63+
{% endset %}
64+
5565
{% set button_advanced_ssr_demo %}
5666
{% filter bolt_ssr %}
5767
<bolt-button>
@@ -124,12 +134,12 @@
124134
Server-side Rendered Web Components (Experimental)
125135
</bolt-text>
126136
<bolt-text>
127-
The <bolt-code-snippet display="inline" lang="html">&lt;bolt-button&gt;</bolt-code-snippet> component, among many other web components in Bolt, will support server-side rendering via the new upcoming <bolt-code-snippet display="inline" lang="twig">{% filter bolt_ssr %}</bolt-code-snippet> custom Twig filter. Check out the docs on <a href="https://master.boltdesignsystem.com/docs/development/server-side-rendering.html">server-side rendering</a> for information!
137+
The <bolt-code-snippet display="inline" lang="html">&lt;bolt-button&gt;</bolt-code-snippet> component, among many other web components in Bolt, will support server-side rendering via the new upcoming <bolt-code-snippet display="inline" lang="twig">{% verbatim %}{% filter bolt_ssr %}{% endverbatim %}</bolt-code-snippet> custom Twig filter. Check out the docs on <a href="https://master.boltdesignsystem.com/docs/development/server-side-rendering.html">server-side rendering</a> for information!
128138
</bolt-text>
129139
<div class="t-bolt-light u-bolt-margin-bottom-small u-bolt-padding-medium">
130140
{% grid %}
131141
{% cell %}
132-
{{ button_advanced_ssr_demo }}
142+
{{ button_advanced_ssr_demo_noshadow }}
133143
{% endcell %}
134144
{% endgrid %}
135145
</div>

0 commit comments

Comments
 (0)