shhdharmen/angular-material-theming-system-complete-guide shhdharmen/angular-material-theming-system-complete-guide

  • Stars
    star
    24
  • Rank 986,245 (Top 20 %)
  • Language SCSS
  • License
    MIT License
  • Created almost 3 years ago
  • Updated 8 months ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
shhdharmen/angular-material-theming-system-complete-guide
github

shhdharmen

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

In this article, you will learn what Angular Material Theming is and what are some recent changes to adhere to the new module system of SASS.

More Repositories

1

keyboard-css

Show off your keyboard shortcuts with style ๐Ÿฆ„.
HTML
81
star
2

indepth-theming-material-components

In this series, I will write about creating and applying Custom Theme to different Angular Material Components.
TypeScript
32
star
3

angular-free-dragging

Create a directive in Angular that will allow us to freely drag any element, without using any 3rd party libraries.
TypeScript
12
star
4

bootstrap-theme-kit

Quickly generate and showcase your bootstrap theme.
HTML
9
star
5

angular-date-input-directive

In this article, we will learn how we can extend native date input through a directive so that it supports conversion of value and validation on value.
TypeScript
8
star
6

angular-app-boilerplate

A boiler-plate project to create an Open-Source Angular Application with set of most used and needed tooling.
TypeScript
8
star
7

theming-material-components-part-3

Project repo for my DEV.to article.
TypeScript
8
star
8

ngx-scrollbar-indicator

This will show an indicator with scrollbar
TypeScript
6
star
9

mat-menu-dynamic-data

Angular Material Menu is a floating panel containing a list of options. In this tutorial, we will learn how we can create nested menus from dynamic data.
TypeScript
6
star
10

react-chip-input

Chip input for react, based on react-bootstrap
TypeScript
5
star
11

ace-angular

A sample repo to demonstrate usage of Ace editor in Angular without any 3rd party libraries
TypeScript
5
star
12

tilconf-m3-angular

This code base was part of presentation at Til Conf given by Dharmen Shah.
TypeScript
4
star
13

recursive-child

Handle Recursive Inner Child Elements in Angular
TypeScript
4
star
14

scss-7-in-1

Generate SASS 7 in 1 architecture (https://sass-guidelin.es/#the-7-1-pattern) quickly in your current directory.
SCSS
4
star
15

Custom-Theme-for-Angular-Material-Components-Series

Github repo for Custom Theme for Angular Material Components Series
3
star
16

reusable-material-form

It is possible to create custom form field controls that can be used inside <mat-form-field>. This can be useful if you need to create a component that shares a lot of common behavior with a form field, but adds some additional logic. For example in this guide I have created an address form and hook it up to work with <mat-form-field>.
TypeScript
3
star
17

angular-ssr-prefetch

TypeScript
2
star
18

mean-material-app

A MEAN stack app with Angular 7, Matrial Design, Bootstrap 4, Node, Express, JWT, Mongoose, MongoDB
TypeScript
2
star
19

WhiteBoard

White Board - An app to manage notes
JavaScript
2
star
20

material-svg-sprites

This repo will help convert Material Icon SVG files into single file of symbols and how you can use it in an Angular application.
HTML
2
star
21

github-link

โš“ Get links to code in your GitHub files based on text, and forget the line numbers!
HTML
2
star
22

multi-value-form-control

TypeScript
2
star
23

theming-material-components-part-1

Project repo for my DEV.to article.
TypeScript
2
star
24

bootstrap-checkbox

Create custom checkboxes and radios in Bootstrap. Read full article at https://dev.to/shhdharmen/create-custom-checkboxes-and-radios-in-bootstrap-28h2
JavaScript
2
star
25

gitalytics

๐Ÿ™ ๐Ÿฑ ๐Ÿ“Š Gitalytics - A simple overview of your Github activities
TypeScript
2
star
26

HelloAngularGithubActionsPublic

TypeScript
1
star
27

delievery

TypeScript
1
star
28

js-open-source-checklist

Open Source Checklist for JavaScript Projects
1
star
29

indepth-customizing-angular-material-button

InDepth Guide for Customizing Angular Material Button
HTML
1
star
30

indepth-ng-reduced-motion

TypeScript
1
star
31

bootstrap-custom-switch

SCSS
1
star
32

nested-reusable-form

TypeScript
1
star
33

nxn-board

JavaScript
1
star
34

gdgdevfest-2023-surat

Code examples for "Enhancing User Experience with Angular Material Themes". Learn more at ๐Ÿ‘‡
TypeScript
1
star