google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Documentation fixes for Button component 

The 'icon' display effect is said to be mutually exclusive with the
'raised' display effect in the configuration options of the button
component documentation. But, the example above it uses the 'icon'
effect along with the 'raised' effect. This commit removes the 'raised'
effect from the respective example.

This commit also adds information about the 'mdl-button--primary' to
the configuration options section of the button component documentation. (Closes #990)
master
Pavan Kumar Sunkara 2015-07-13 00:53:55 +05:30 committed by Jonathan Garbee
parent 990a0fc79a
commit fb15ff079c
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/button/README.md
View File

@ -32,9 +32,9 @@ A button with the "fab" effect.
<button class="mdl-button mdl-js-button mdl-button--fab">OK</button>
```
A button with the "icon", "raised" and "colored" effects.
A button with the "icon" and "colored" effects.
```html
<button class="mdl-button mdl-js-button mdl-button--icon mdl-button--colored mdl-button--raised">?</button>
<button class="mdl-button mdl-js-button mdl-button--icon mdl-button--colored">?</button>
```
@ -51,6 +51,7 @@ The MDL CSS classes apply various predefined visual and behavioral enhancements
| `mdl-button--mini-fab` | Applies *mini-fab* (small fab circular) display effect | Mutually exclusive with *raised*, *fab*, and *icon* |
| `mdl-button--icon` | Applies *icon* (small plain circular) display effect | Mutually exclusive with *raised*, *fab*, and *mini-fab* |
| `mdl-button--colored` | Applies *colored* display effect | Colors are defined in `material.min.css` |
| `mdl-button--primary` | Applies *primary* color display effect | Colors are defined in `material.min.css` |
| `mdl-button--accent` | Applies *accent* color display effect | Colors are defined in `material.min.css` |
| `mdl-js-ripple-effect` | Applies *ripple* click effect | May be used in combination with any other classes |