Vergleich von Material Design-Implementierungen



Diese Seite enthält allgemeine Informationen zu Material Design- Implementierungen.

Implementierte Komponenten

Bitte beachten Sie, dass einige Komponenten in der folgenden Tabelle nicht in den offiziellen Material-Design-Spezifikationen sind.

Komponenten Polymerprojekt Winkelmaterial Materialisieren Material-UI Material Design Lite
Abzeichen  ?  ? Ja, zitiere Ja, zitiere Ja, zitiere
Unterseiten [zitieren]  ? Ja, zitiere Teilweise [a] [zitieren] Ja, zitiere
Buttons [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Schaltflächen: Floating Action Button [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Schaltflächen: Icon-Taste [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Karten [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere Ja
Chips [zitieren]  ? Ja, zitiere Ja, zitiere Ja, zitiere
Zusammenklappbare Ja, zitiere  ? Ja, zitiere  ?
Inhalt  ? Ja, zitiere  ?  ?
Datentabellen [zitieren]  ?  ? Ja, zitiere Ja, zitiere
Dialoge [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Dividers [zitieren]  ? Ja, zitiere Ja, zitiere Ja, zitiere
Datei-Eingabe  ?  ? Ja, zitiere  ?
Fußzeile  ?  ? Ja, zitiere  ?
Gesten [zitieren]  ? Teilweise [zitieren]  ?  ?
Rasterlisten [zitieren]  ? Ja, zitiere  ? Ja, zitiere  ?
Icons [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Bildschieber  ?  ? Ja, zitiere  ?
Ink-Effekt [zitieren] Ja, zitiere  ? Ja, zitiere Ja [b]
Listen [zitieren]  ? Ja, zitiere Ja, zitiere Ja, zitiere
Listen: Kontrollen [zitieren]  ? Ja, zitiere Ja, zitiere Ja, zitiere
Menüs / Auswählen / Dropdown [zitieren] Ja, zitiere Ja, zitiere Ja [zitieren] [zitieren] Ja [zitieren] [zitieren]
Navigationsschublade / Sidenav [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Navigationsübergänge: Eltern zum Kind [zitieren]  ?  ? Ja, zitiere  ?  ?
Picker: Datumsauswahl [zitieren]  ? Teilweise [zitieren] Teilweise [zitieren] Ja, zitiere
Picker: Zeiterfassung [zitieren]  ?  ?  ? Ja, zitiere
Fortschritt & Aktivität [zitieren] Ja [zitieren] [zitieren] Ja [zitieren] [zitieren] Ja, zitiere Ja, zitiere
Pushpin  ?  ? Ja, zitiere  ?  ?
Pagination  ?  ? Ja, zitiere  ?  ?
Auswahlkontrollen: Checkbox [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Auswahlkontrolle: Radio-Taste [zitieren] Ja [zitieren] [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere
Auswahlkontrolle: Schalter [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Schieber [zitieren] Ja, zitiere Ja, zitiere Teilweise [c] [zitieren] Ja, zitiere
Snackbars & Toasts [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
ScrollFire  ?  ? Ja, zitiere  ?  ?
Scrollspy  ?  ? Ja, zitiere  ?  ?
Subheaders [zitieren]  ? Ja, zitiere  ? Ja, zitiere  ?
Tabs [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Textfelder [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
Textfelder: Autocomplete [zitieren]  ? Ja, zitiere Ja [1] Ja, zitiere
Textfelder: Zeichenzähler [zitieren]  ? Ja, zitiere Ja, zitiere  ?
Symbolleisten [zitieren] Ja [zitieren] [zitieren] Ja, zitiere Ja, zitiere Ja [zitieren] [zitieren]
Tooltips [zitieren]  ? Ja, zitiere Ja, zitiere Teilweise [d] [zitieren] Ja, zitiere
Übergänge  ?  ? Ja, zitiere  ?
Whiteframes [zitieren] [zitieren] Ja, zitiere Ja, zitiere Ja, zitiere Ja, zitiere
  1. Jump up^ Klicken Sie auf die Schaltfläche „MODAL BOTTOM SHEET STYLE“
  2. Jump up^ Aktiv als Standard
  3. Jump up^ Nicht füllen Farbe auf den aktiven Teil des Fortschritts. Es werden keine Punkte angezeigt, um die Fragmentierung auf diskreten Schiebereglern darzustellen.
  4. Jump up^ Nur auf Icon-Buttons
  1. Springe auf^ „Formen – materialisieren“ . materializecss.com . Abgerufen 2016-08-17 .

Write a Comment

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.