m-lg-button-o will produce the old icon implementation. Most content for v0.97.0 are no longer availableįor material v0.97.0 and below, append -oĮg. Toast dialog js (programatically call a toast) Remember to precede Navbar-slideout-js with the "$" sign Media Component Sticky footer contains CSS code for implementing a sticky footer. Input with custom input error and success messages Press tab after typing the following snippet codes CDN Component Open up the Settings View using Ctrl+, click on the "Install" tab and type your Materialize css into the box under Install Packages. In order to install this package, you can use the Install tab in the now familiar Settings View. This Materialize atom plugin contains snippets of Materialize CSS components.įork, clone, correct and send me a pull request or file any issues. Let's take an example to demonstrate Materialize wave effect on buttons.Materialize-css package Materialize - Atom Plugin If you want the waves-effect to be white instead, add both waves-effect waves-light as classes. If you want to put the wave effect on button put the class waves-effect on to the buttons. You can apply wave effect on any element. It is used to apply a teal colored wave effect. It is used to apply a purple colored wave effect. It is used to apply an orange colored wave effect. It is used to apply a yellow colored wave effect. Identifies ul as a materialize tab component. The following table mentions the available classes and their effects. It is used to apply a green colored wave effect. Materialize provides tabs CSS class to make a ul element as a tab. Library and Usage: To use these icon, the following line. Different icons can be selected from Material Icons. Icon libraries that are supported by materialize css are Google Material Icons, Font Awesome Icons and Bootstrap Icons. It is used to apply a red colored wave effect. Materialize CSS provides a rich set of material icons of google which can be downloaded from Material Design specs. Based on project statistics from the GitHub repository for the npm package ngx-materialize-css, we found that it has been starred times, and that 0 other projects in the ecosystem are dependent on it. As such, we scored ngx-materialize-css popularity level to be Limited. It is used to apply a white colored wave effect. The npm package ngx-materialize-css receives a total of 1 downloads a week.
The framework comes with lots of SASS mixins, color and shadow controls, icon font support, and plenty of media queries to play with. It is used to apply a wave effect on the control. Materialize is actually coded in SASS and compiled to regular CSS, feature that allows developers to easily edit most of its code and have site-wide impact when compiled. Materialize CSS waves are used as an external library that is included to create the ink effect outlined in Material Design.įollowing is a list of classes and their effects in Materialize CSS: Index
0 kommentar(er)
