Customized semantic-ui-react Menü

Question

Ich benutze semantic-ui-react für irgendwann jetzt, alles funktioniert gut für mich, aber ich habe ein Problem mit meinem Navigationsmenü.

Die Sache ist, dass ich möchte, dass es für mobile und Desktop angepasst wird, also mit anderen Worten möchte ich eine komplett andere Implementierung für mobile und Desktop und ich frage mich, ob es einen richtigen Weg, um benutzerdefinierte Semantik (wie ich bereits das Thema usw. anpasse).

Ein weiterer Gedanke, den ich habe, ist, dass vielleicht die only Option für Menü verfügbar ist, aber nicht wirklich etwas in der Dokumentation gefunden.

Beste

Answer 1

Nur die Grid Komponente Darstellungsfeld Haltepunkte (in Vanille SUI, auch), so können Sie Ihre Menüs in sie wickeln sollte.

<Grid> 
    <Grid.Row columns={1} only='mobile'> 
    <Grid.Column> 
     <MobileMenu /> 
    </Grid.Column> 
    </Grid.Row> 
    <Grid.Row columns={1} only='tablet computer'> 
    <Grid.Column> 
     <ComputerMenu /> 
    </Grid.Column> 
    </Grid.Row> 
</Grid> 

Sie können auch device visibility Abschnitt Grid ‚s docs überprüfen.