# 🏷️ Bars Tag List Component

**URL:** https://meta.discourse.org/t/bars-tag-list-component/202572
**Category:** Theme component
**Tags:** tags
**Created:** [September 3, 2021, 9:10pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572 "2021-09-03T21:10:10Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [September 3, 2021, 9:10pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/1 "2021-09-03T21:10:10Z")

</div>

![cover](https://global.discourse-cdn.com/meta/original/3X/d/6/d60c5b67f6c4ac9679cc8c22ca1a0138addace3d.jpeg)

### 👓 Overview

The Tag List Widget allows you to display tags from Discourse in a sidebar using my [Bars!](https://meta.discourse.org/t/discourse-bars/298216) 🍸 🍻 or [the Right Sidebar Blocks](https://meta.discourse.org/t/right-sidebar-blocks/231067) Theme Components.

### 🔗 Quick Links

| | | |
| --- | --- | --- |
| [🐙 Get the code](https://github.com/merefield/discourse-tc-bars-tag-list-component) | | |
| ⚙ use `tag-list-component` for component name in Bars! | | |

### ⚙ Settings

The widget allows for some configurability with [settings](https://github.com/paviliondev/layouts-tag-list-widget#%EF%B8%8F-settings) such as:

- 🙈 Hiding specific tags
- 📃 Changing display styles (row or column)
- #️⃣ Showing count
- 📊 Change sorting type

Install this Component

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 3, 2021, 9:15pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/2 "2021-09-03T21:15:41Z")

</div>

How’s mobiles? Normally something like 80 % or more are using mobiles and for them sidebars are useless. Will they see something or is this only for desktops and tablets?

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [September 3, 2021, 9:22pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/3 "2021-09-03T21:22:01Z")

</div>

@Jagster Yes this will work on mobile 😀

The [Layouts Plugin](https://meta.discourse.org/t/custom-layouts-plugin/55208) can be configured to work on mobile. Here’s some more info from the documentation about how to set that up:

> **[Pavilion](https://pavilion.tech/)**
>
> Pavilion is the leading Discourse consultancy.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 3, 2021, 9:31pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/4 "2021-09-03T21:31:30Z")

</div>

As our british friends say: splendid indeed 😆

Now I have to give a spin. My users are… not so tech savvy so they need all possible help and info.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [December 14, 2023, 11:29am UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/5 "2023-12-14T11:29:11Z")

</div>

Just to summarise a few changes that have occurred recently:

- I’ve added support for Right Sidebar Blocks too
- I’ve partially migrated it to Glimmer (the widget invokes a Glimmer Template)
- I’ve added caching to prevent frequent calls to `tags.json` (which it was calling with each page change!) - if you want to see a new tag you must refresh your browser. This will alleviate:
  - burden on the server
  - the visible refresh.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [May 5, 2025, 7:53pm UTC](https://meta.discourse.org/t/bars-tag-list-component/202572/11 "2025-05-05T19:53:09Z")

</div>

As part of a migration to remove all legacy Layouts and Discourse Widget code, this has been fully migrated to Glimmer, relocated and the Component renamed, you might need to update your Bars or RSB config:

Repo now at: `https://github.com/merefield/discourse-tc-bars-tag-list-component`

Name of Component: `tag-list-component`