---
title: "Discussion on \"Creating a super simple Badge component in Angular using directives.\" | Hashnode"
description: "Discussion on \"Creating a super simple Badge component in Angular using directives.\". Here is how to create a super simple Badge component using Directive in Angular. How to create a Badge component similar to Angular Material badge."
url: "https://hashnode.com/posts/create-badge-component-angular-using-directives/60a8874120d1f45ceb7ed39d"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Creating a super simple Badge component in Angular using directives.](https://sreyaj.dev/create-badge-component-angular-using-directives?utm_source=hashnode&utm_medium=feed)

Here is how to create a super simple Badge component using Directive in Angular. How to create a Badge component similar to Angular Material badge.

May 22, 2021 · 6 min read · sreyaj.dev  
Updated May 28, 2021  
Read the article

-   [#angularjs](https://hashnode.com/tag/angularjs)
-   [#angular-2](https://hashnode.com/tag/angular-2)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#typescript](https://hashnode.com/tag/typescript)

## Written by

[Adithya Sreyaj](https://hashnode.com/@adisreyaj)

@adisreyaj · Kerala, IN

  
[View profile](https://hashnode.com/@adisreyaj)

Full stack dev ✨

Full stack web developer with main focus in Angular and NodeJs. Loves creating blogs, a side projects when I can find time.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.