material-community-components
:panda_face: Angular Material Components created from the community (by tiaguinho)
material2
Component infrastructure and Material Design components for Angular [Moved to: https://github.com/angular/components] (by angular)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
material-community-components | material2 | |
---|---|---|
1 | 13 | |
322 | 22,620 | |
- | - | |
0.0 | 9.9 | |
about 1 year ago | about 2 years ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
material-community-components
Posts with mentions or reviews of material-community-components.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-10-14.
material2
Posts with mentions or reviews of material2.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-08.
-
How to open and close Angular mat menu on hover
This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based horizontal navigation menu with angular material's menu. The only thing keeping me from replicating bootstrap based menu is opening and closing mat-menu on hover.As mentioned in the above Github issue there are some workarounds to achieve what I want, like using, mouseEnter
-
Working example of Angular 2.0 Material MdDialog with Angular 2.0
Angular 2 Material: https://github.com/angular/material2
-
Trying to install Angular 2 Material from npm - unrecognized token in source text
Update: I found the following issue on A2M GitHub - seems like it might be an issue with PS. https://github.com/angular/material2/issues/297
-
Extend/Override style of reusable angular2 component
Assuming we want to use a component from some library in angular2 (example from material2). The component annotation looks like this:
- day incorrect in angular material datepicker
-
Angular2 Material Dialog css, dialog size
Angular2 material team recently released the MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md
-
Material design component "is not a known element" in Angular2
Angular I have a hybrid Angular1 and Angular2 application. In one of the Angular2 components that I route to, I want to use a Material Design Button. When I insert a button into the template like this foo the application starts crashing with this console message Error: Template parse errors:'md-button' is not a known element:1. If 'md-button' is an Angular component, then verify that it is part of this module.2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Job[ERROR ->]material"): JobComponent@0:12 at TemplateParser.parse (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8321:21) So, it might sound like it is case 1 in the message, but I have tried the advice given in this answer to add MdButton to the imports property of my NgModule (which already contained MaterialModule.forRoot() as adviced by the documentation) , but if I do, the whole application goes blank without errors in the console. Here is some of the relevant code import { UIRouterModule } from "ui-router-ng2";import { Ng1ToNg2Module, uiRouterNgUpgrade } from "ui-router-ng1-to-ng2";import { MaterialModule, MdButton } from '@angular/material';const upgradeAdapter: UpgradeAdapter = new UpgradeAdapter( forwardRef(() => XamFlowNg2Module));uiRouterNgUpgrade.setUpgradeAdapter(upgradeAdapter);angular.module("xamFlow") .factory("consoleService", upgradeAdapter.downgradeNg2Provider(ConsoleService));/* * Expose our ng1 content to ng2 */upgradeAdapter.upgradeNg1Provider("restService");@NgModule({ declarations: [ JobComponent, ], entryComponents: [ // Components that are routed to must be listed here, otherwise you'll get "No Component Factory" JobComponent, ], imports: [ CommonModule, BrowserModule, FormsModule, HttpModule, Ng1ToNg2Module, MaterialModule.forRoot() ], providers: [ ConsoleService, ImageService ]})class MyModule { }upgradeAdapter.bootstrap(document.body, ["myApp"]); Answer link : https://codehunter.cc/a/angular/material-design-component-is-not-a-known-element-in-angular2
- Angular 2 Material - How To Center Progress Spinner
-
Difference between ng add <package name> vs npm install <package name> in angular 6
As Angular6 has been released, They have added a new command ng add . Can anyone tell me what will be the difference between existing command npm install and ng add
-
How to use .forRoot() within feature modules hierarchy
@NgModule({ imports: [ FeatureModuleA1.forRoot(), FeatureModuleA2.forRoot(), FeatureModuleA.forRoot(), SharedModule.forRoot() ]})class MainModule { } Am I right? Before you answer please take a look at this file:https://github.com/angular/material2/blob/master/src/lib/module.ts
What are some alternatives?
When comparing material-community-components and material2 you can also consider the following projects:
nebular - :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
extensions - Angular Material Extensions Library.
ej2-angular-ui-components - Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
Materialize - Materialize, a CSS Framework based on Material Design
covalent - Teradata UI Platform built on Angular Material
components - Component infrastructure and Material Design components for Angular
uncube - A speedcubing timer for the 21st century