Material-UI – App-Leiste

Blog

Material UI ist eine Material-Design-Bibliothek für React.



Es handelt sich um eine Reihe von React-Komponenten mit Material Design-Stilen.

In diesem Artikel sehen wir uns an, wie Sie App-Leisten mit Material UI hinzufügen.



unerwarteter Nebeneffekt in der berechneten Eigenschaft

App-Leiste

In der App-Leiste können wir Informationen und Aktionen anzeigen, die für den aktuellen Bildschirm relevant sind.

Um einen hinzuzufügen, verwenden wir die |_+_| Komponente.



Wir können zum Beispiel schreiben:

AppBar

Wir fügen ein |_+_| . hinzu Komponente mit einem |_+_| innen, um Inhalte hinzuzufügen.

Showtime kann nicht jederzeit aktiviert werden

Es kann Text und Symbole enthalten.

App-Leiste mit einem Suchfeld

Wir können ein Suchfeld mit dem |_+_| . hinzufügen Komponente.

Zum Beispiel können wir schreiben:

import React from 'react'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@material-ui/core/Toolbar'; import Button from '@material-ui/core/Button'; import IconButton from '@material-ui/core/IconButton'; import MenuIcon from '@material-ui/icons/Menu'; export default function App() { return ( home Login ); }

, um die Symbolleistenschaltflächen mit dem Suchfeld hinzuzufügen.

#Programmierung #Technologie #Software-Entwicklung #Javascript #Web-Entwicklung

medium.com

Material-UI – App-Leiste

Hinzufügen und Stylen von App-Leisten. Material UI ist eine Material-Design-Bibliothek für React. Es handelt sich um eine Reihe von React-Komponenten mit Material Design-Stilen. In diesem Artikel sehen wir uns an, wie Sie App-Leisten mit Material UI hinzufügen.