Skip to content

Commit

Permalink
Docs(web): Add Tag demo #DS-911
Browse files Browse the repository at this point in the history
- Tag demo in web is now same as demo in web and web-twig
  • Loading branch information
pavelklibani committed Sep 19, 2023
1 parent 55ed6e5 commit bd8a2fd
Showing 1 changed file with 14 additions and 12 deletions.
26 changes: 14 additions & 12 deletions packages/web/src/scss/components/Tag/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,23 @@
"small" "medium" "large" "xlarge" }}

<section class="docs-Section">
<div class="Grid Grid--cols-1 Grid--tablet--cols-3 Grid--desktop--cols-5">
{{#each @root.sizes as |size|}}
<div class="mb-700">
<h3 class="docs-Heading">Size {{size}}</h3>
{{#each @root.colors as |color|}}
<div class="my-600">
<span class="Tag Tag--{{color}} Tag--subtle Tag--{{size}}">Tag {{color}}</span>
</div>
<div class="my-600">
<span class="Tag Tag--{{color}} Tag--{{size}}">Tag {{color}}</span>
</div>
<h2 class="docs-Heading">Default</h2>
<div class="docs-Stack docs-Stack--stretch">
<div class="Grid Grid--cols-1 Grid--tablet--cols-3 Grid--desktop--cols-5">
{{#each @root.sizes as |size|}}
<section class="docs-Section">
<h3 class="docs-Heading">Size {{size}}</h3>
<div class="docs-Stack docs-Stack--start">
{{#each @root.colors as |color|}}
<span class="Tag Tag--{{color}} Tag--subtle Tag--{{size}}">Tag {{color}}</span>
<span class="Tag Tag--{{color}} Tag--{{size}}">Tag {{color}}</span>
{{/each}}
</div>
</section>
{{/each}}
</div>
{{/each}}
</div>
</section>


{{/layout/plain }}

0 comments on commit bd8a2fd

Please sign in to comment.