# Featured Categories Header

**URL:** https://meta.discourse.org/t/featured-categories-header/203779
**Category:** Theme component
**Created:** [September 16, 2021, 10:59pm UTC](https://meta.discourse.org/t/featured-categories-header/203779 "2021-09-16T22:59:32Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [September 16, 2021, 10:59pm UTC](https://meta.discourse.org/t/featured-categories-header/203779/1 "2021-09-16T22:59:32Z")

</div>

| | | |
| --- | --- | --- |
| 📑 | **Summary** | Feature categories on select views. |
| 🛠 | **Repository Link** | [Manuel Kostka / Discourse / Components / Featured Categories · GitLab](https://gitlab.com/manuelkostka/discourse/components/featured-categories.git) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

### Cards view

 ![Featured categories styled as cards.](https://global.discourse-cdn.com/meta/original/4X/e/a/3/ea35eaaf4eb55e93fc8c375ce5d852336e87fdd1.png)

### List view

 ![Featured categories styles as list.](https://global.discourse-cdn.com/meta/original/4X/6/5/0/650218a8b90ea6646846a65ac4dfdad234da6e7c.png)

### Settings

You can switch between the two above layouts or choose _none_ and declare your own styles. You can also pick a route and set an outlet for the component.

 ![Featured Categories component settings](https://global.discourse-cdn.com/meta/original/4X/8/0/7/807606b19d718738f0c2e5d513f9a1d83db5a078.png)

### Template

```scss
.featured-categories {
  &__container {
  }
  &__heading {
  }
  &__list-container {
  }
  &__category-container {
  }
  &__category-link {
    .category-logo {}
    .category-name {}
    .category-description {}
}

```

---

_[View the full topic](https://meta.discourse.org/t/featured-categories-header/203779)._