Tag: material-ui
Reagieren die Komponenten, die Implementierung von Google ‚ s Material Design.
http://material-ui.com
Wie center-Schaltfläche im material-ui
1 Antworten
Konnte ich nicht herausfinden, wie man center-Tasten in material-ui. Dies ist der code den ich habe: function BigCard(props) { const { classes } = props; return ( <div> <Card className={classes.card}> <CardContent> <Typography variant="display1" className={classes.title}> Start Funding! </Typography>
Typografie und Abstand in material-ui
3 Antworten
Definierte ich raw-theme für material-ui im theme.ts: import {Colors, Spacing} from 'material-ui/lib/styles/'; import {ColorManipulator} from 'material-ui/lib/utils/'; import {Styles} from 'material-ui'; export default <Styles.RawTheme> { spacing: Spacing, fontFamily: 'Roboto, sans-serif', palette: <Styles.ThemePalette> { primary1Color: Colors.red500, primary2Color: Colors.red700, primary3Color:
Material UI-Liste onClick feuert click-Ereignis auf verschachtelte Liste
1 Antworten
Ich habe einen material-ui-Liste in meine einer der Komponente. Wenn ich klicken Sie auf ein beliebiges Element der Liste, ich gehe zu einem anderen listView. Ich bin mit router gehen Sie zu einem anderen listView. Und mit
So ändern Sie die Rahmenfarbe der Material-UI <TextField/>
7 Antworten
Ich kann nicht scheinen, um herauszufinden, wie man ändern Sie die umrissfarbe eines skizzierten Variante Ich schaute mich um GitHub-issues und die Leute scheinen zu sein, zeigt in Richtung der "InputProps" - Eigenschaft, aber das scheint mir
Material UI-ändern Sie die Farbe der Eingänge floating-label
5 Antworten
Möchte ich die Farbe ändern eines schwimmenden Titel für Material-UI textfield. Wie gesagt in der Dokumentation, ich pass das Objekt Farbe als floatingLabelStyle: <TextField floatingLabelStyle={{color: somecolor }} /> Aber das gilt für beide Staaten von der label
Styling reagieren-wählen Sie v2 mit material-ui - Input-Komponente Ersetzen
1 Antworten
Ich habe ein Problem mit dem Austausch der Input-Komponente für reagieren-wählen Sie v2 mit dem Input-Komponente, aus Material UI. Habe ich den Versuch gemacht, die bisher in der codesandbox unten, aber nicht in der Lage, zum aufrufen
Einstellen der Farbe eine snackbar element von material-ui
3 Antworten
Ich bin mit einer snackbar Komponente von material-ui. Im moment der snackbar werden in schwarz angezeigt. Wissen Sie, wie kann ich die Farbe ändern? Hintergrund-Farbe ändert nur die Farbe, der ganze div, in dem die snackbar ist
Wie Sie mehrere Material-UI-palette Farben
1 Antworten
Ich bin versucht, meine eigene palette Farben, um mein branding in Material-UI. Bisher kann ich nur die primären und sekundären Farben zu arbeiten, wenn angewendet, wenn die hintergrund-Farbe auf die Tasten. Wenn ich meinen eigenen Variablennamen, oder
Wie man die Größe von material-ui-tabs
1 Antworten
Ich versuche, um ein Ergebnis zu erhalten suchen, wie diese (Bild entnommen aus https://material.google.com/components/tabs.html#tabs-usage): Ich will nicht die Tabletten zu nehmen 100% der Breite der Seite an, als es ist standardmäßig mit material-ui. Ist es möglich, dies
Bootstrap vs-Material UI Reagiert?
3 Antworten
Ich habe mit beiden in meinen Projekten und manchmal finde ich die Verwendung einer Material-UI-Komponente innerhalb eines bootstrap-Komponente und den UI-displays, wie ich es erwarten würde. Ich wurde geraten, nicht aber für die diesen Ansatz verwenden. Gibt
Material UI-Komponente Verweis funktioniert nicht
5 Antworten
Baue ich eine kleine chat-Anwendung.ich habe verwendet, Material UI TextField zur Eingabe der Benutzer-Nachricht. aber ich kann nicht finden es. Ich lese über diese. Sie sagte, dass Sie keine Unterstützung für refs. das ist mein code. und
Dialog Breite material-ui weiter
2 Antworten
Ich bin nicht in der Lage, erhöhen Sie die Dialog-Breite in material-ui weiter. es fügt horizontale Bildlaufleiste, um die Dailog. gibt es eine Möglichkeit, erhöhen Sie die Breite der Dailog in material-ui weiter? Kann jeder auf Hilfe?
Wie man eine SVG-Datei in eine SvgIcon in Material-UI
5 Antworten
Ich habe eine SVG-Datei und ich möchte ein SvgIcon Komponente aus, wie soll ich das machen? In der Dokumentation, alle die Beispiele verwenden Sie entweder VORGEGEBENE Werkstoff-Icons oder eine seltsame notation <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
Hinzufügen vertikale Teiler, material-ui-AppBar-Komponente
1 Antworten
Wie können wir vertikale Teiler zum AppBar, wie muicss Links/Rechts-Teiler Komponente? Einfach einfügen von div-element mit height: 100% funktioniert nicht. <AppBar position="static" color="default"> <Toolbar> <Typography type="title" color="inherit"> Title </Typography> <div style={{ border: 'solid #ff0000', height: '100%' }}>
Set min/max "TextField" type="number"?
1 Antworten
Ich bin mit Material-UI-v1.0.0-beta23 zusammen mit redux-form und redux-form-material-ui. Ich habe ein Feld vom Typ Zahl, und ich möchte, um die min-und max-Werte auf den tag. Ich habe versucht, sowohl die inputProps und min/max und weder scheinen
Cannot read property 'prepareStyles' undefined
2 Antworten
Ich versuche zu öffnen ein Dialog box durch einen Klick auf eine Schaltfläche. Wenn ich bin klicken auf die Schaltfläche die Dialog zuerst nicht geöffnet, und ich bin immer Fehler : Uncaught TypeError: Cannot read property 'prepareStyles'
Wie zu überschreiben, material-ui MenuItem ausgewählten Hintergrundfarbe?
1 Antworten
Derzeit Kämpfe ich mit der Einstellung der Hintergrundfarbe eines MenuItem-Komponente, die ausgewählt ist, um eine andere Farbe. (ohne mithilfe !wichtig, um ihn zu zwingen) Die Komponente-code: <MenuItem classes={{ root: this.props.classes.root, selected: this.props.classes.selected }} value={10}> Alfabetical </MenuItem> Dies
Material-ui & Ereignisse touchtap: Erste Taste von ListItem -
4 Antworten
Habe ich eine Liste der Artikel mit material-ui. Ich würde gerne call _handleTouchTap (), wenn das Element geklickt wird, und übergeben die Schlüssel für das ListItem an den handler. Hinzufügen onTouchTap={this._handleTouchTap} nicht arbeiten wie 'das' scheint das
Vorbei an Requisiten, material-UI-Stil
3 Antworten
Karte code wie hier : Karte wie kann ich ein update der Karte, Stil, oder material-UI-Stil von const styles = theme => ({ card: { minWidth: 275, }, zu wie folgt: const styles = theme => ({
SVG-Symbole mit Material-UI: wo zu finden, wie man Stil?
2 Antworten
Auf http://www.material-ui.com/#/components/app-bar es sagt, dass es unter den möglichen proprerties Sie unterstützen wird "iconElementLeft ... element ... Das custom-element angezeigt werden auf der linken Seite der app-Leiste wie eine SvgIcon." Was ich jetzt nicht im Stil wie
Wie zu deaktivieren, box-Schatten, die Global für alle material-ui-Komponenten Reagieren?
2 Antworten
Muss ich deaktivieren Sie die Standard-box-Schatten, die für die meisten material-ui-Komponenten. Genau jetzt mache ich dies, indem Sie den Stil manuell für jede Komponente, wie das ist: <FloatingActionButton style={{boxShadow: "none"}} /> Gibt es eine Möglichkeit dies Global
Wie gehen Rahmen nach unten, um die Enzym-mount-Methode zu testen, eine Komponente, die auch Material-UI-Komponente?
2 Antworten
Ich versuche, mit mount von Enzym zu testen, meine Komponente, in der ein mehrere Material-UI-Komponente verschachtelt sind. Ich bekomme diese Fehlermeldung beim ausführen des test: TypeError: Cannot read property 'prepareStyles' of undefined Nachdem einige Graben, Ich habe
Wie setzen Sie den Fokus auf eine materialUI TextField?
4 Antworten
Wie kann ich den Fokus auf eine material-ui TextField Komponente? componentDidMount() { ReactDom.findDomNode(this.refs.myControl).focus() } Ich habe versucht, obigen code, aber es funktioniert nicht 🙁 Hinzugefügt eine zusammenhängende Antwort zu eine andere Frage. Sie können mit diesem.setState({}, ()
Material-UI: "Der Schlüssel für die Klassen-Eigenschaft ist nicht implementiert"
2 Antworten
Ich bin mit dem withStyles() HOC überschreiben einige MUI-Komponenten-Stile, Themen und Haltepunkte. Es ist offensichtlich etwas, was ich nicht verstehe, hier bekomme ich immer Fehler wie dieser: Achtung: Material-UI: der Schlüssel tab bereitgestellt, um die Klassen-Eigenschaft ist
Styling reagiert, material-ui tabs
4 Antworten
Ich gerade begonnen, reagiert material-ui und ich würde gerne passen einige Stile. Zum Beispiel ändern Registerkarten Hintergrundfarbe. versuchen, zu verwenden inlineStyle wie <Tabs style={this.getStyles().tabs} > </Tabs> getStyles(){ return { tabs: { backgroundColor: Colors.teal200 }, headline: { fontSize:
Wie vergrößern Sie die SVG-icon in material-ui-iconButtons?
5 Antworten
Hat jemand bauen Webseiten mit Hilfe react.js und die Material UI Bibliothek? Wie soll ich die Größe der icon-Größe? Es ist ein svg-Symbol. Ich baute eine "neue" Komponente, die ein Stück material Papier mit einem Inhalt hinzufügen
ReactJS + Material-UI -: Wie zu verringern Spalte Breite der Material-UI-s <Tabellenzeilen/>?
3 Antworten
Ich bin derzeit mit ReactJS + Material-UI, und mit der Material-UI ' s <Table> die Spalten-Breite werden automatisch eingestellt, je nach Inhalt. Derzeit scheint es zur Durchsetzung gleicher Breite für alle Spalten, aber ich möchte einige Spalten
Gewusst wie: hinzufügen Symbol schließen in Material-UI-Dialog Header oben rechts
2 Antworten
Hinzufügen möchten, schließen-Symbol im Kopfbereich oben rechts. Bitte helfen Sie mir für dieselbe. Ich habe verwendet, Material-UI-Dialog. evrything ist in Ordnung, aber will ich schließen-button am oberen Abschnitt. Bitte finden Sie in der angehängten Bild. InformationsquelleAutor Nitin
Wie, das Formular zu senden, die durch Material-UI-Dialog mit ReactJS
3 Antworten
Habe ich das Material-UI-Dialog, um ein Formular-Liste. Im offiziellen Fall: <Dialog title="Dialog With Custom Width" actions={actions} modal={true} open={this.state.open} > This dialog spans the entire width of the screen. </Dialog> den Aktionen ist : const actions = [
Wie setup -, Material-UI für Reagieren mit Typescript?
4 Antworten
Ich habe laufen in einige Probleme hinzufügen, Material-UI und mein Projekt Reagieren, die programmiert ist, mit Typoskript. Laut der Einführung, ich beginne mit dem hinzufügen der reagieren-tab-event-plugin das erste mal. import injectTapEventPlugin from 'react-tap-event-plugin'; //Needed for onTouchTap
Material-ui @next Schaltfläche anpassen Farben?
4 Antworten
Ich bin kämpfen, um die Schaltfläche ändern Farben in Material-UI - @next (v1). Wie würde ich muitheme Verhalten ähnlichkeit zu bootstrap, so konnte ich einfach "btn-danger" für rot, "btn-success" für die grünen... ? Habe ich versucht mit
Material-UI-next - Styling text in ListItemText
6 Antworten
ich versuche, Stil für den text innerhalb eines ListItemText (Material-UI @next): const text = { color: 'red' } <ListItem button><ListItemText style={text} primary="MyText" /></ListItem> Aber die gerenderten <Typograhy> element im inneren ist nicht gestylt haben ("MyText" wird nicht
Text-Bereich, in material-ui
1 Antworten
Kann mir da jemand helfen, wie ich ein TextField-Personalisierung in einem TextArea mit material-ui-Bibliothek? Ich bin nicht auf der Suche nach einem parameter, der sollte Personalisieren Sie es in eine TextArea: https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts Dies ist die TextArea:https://material.io/guidelines/components/text-fields.html#text-fields-field-types (CMD/Strg
Zum deaktivieren des hover-Effekt material-ui-button in der Stil-Komponente
2 Antworten
Habe ich den css-hover-Eigenschaft zum deaktivieren der button-hover-Effekt, aber es scheint nicht funktioniert für meinen Fall, wie soll ich das beheben? import Button from 'material-ui/Button' import styled from 'styled-components' const StyledButton = styled(Button)` &:hover { background: none;
Wie style material-ui textfield
5 Antworten
Ich habe versucht, herauszufinden, wie man Stil eine material-ui.neben textfield Komponente (Reagieren JS). <TextField id="email" label="Email" className={classes.textField} value={this.state.form_email} onChange={this.handle_change('form_email')} margin="normal" /> Meine Klassen sind wie folgt angelegt (ich angehängt habe den relevanten Teil): const styles = theme
Was ist der richtige Weg zu schweben nach rechts oder Links, sich mit dem material-ui-App-Leiste mit material-ui-next?
2 Antworten
Ich kann nicht herausfinden, wenn ich mit den richtigen Ansatz, um die login - /logout-buttons, float rechts), während die Verwendung von material-ui-next ("material-ui": "^1.0.0-beta.22",) Es scheint, dass Sie entfernt iconElementRight= von der api. Wir haben die <Grid>
Benutzerdefinierte hintergrund Farbe für Material-UI-Menü
2 Antworten
Ich bin neu in material-ui. Ich versucht, indem Sie die menu-Komponente in mein Projekt und ich war in der Lage, um es anzuzeigen. Das Menü der hintergrund war weiß und schwarz text Farbe. Ich möchten, ändern Sie
wie Erzeuge ein reagieren Komponente mit ReactDOM Rendern
2 Antworten
_Header (cshtml) <div id="Help"></div> export default class Help { ReactDOM.render( <Help/>, document.getElementById('Help') ); } Help.js (component) } Mein Ziel ist es, machen eine Hilfe-Taste auf die Kopfzeile. Habe ich div-tag mit der id helfen -, modal -,
material-ui-Tabelle: wie man Stil änderungen an der Tabelle Elemente
2 Antworten
Ich bin mit der 'material-ui' und versuchen, einen Tisch zu bekommen-element, um Farbe zu ändern, wenn das element einen bestimmten Wert hat. Unten ist der code, den ich ausprobiert, wenn der Wert der Zelle ist "Zone", der
hintergrund-Bild-in-Komponente reagieren
5 Antworten
Ich Baue eine Seite und ich will einen material-ui-element mit background-image mit background-image CSS-Eigenschaft. Ich habe gegoogelt es natürlich, und es gibt Lösungen, aber aus irgendeinem Grund kann ich nicht sehen, dass Bild. P. S. 1: auch
Modul nicht gefunden: Kann nicht aufgelöst werden "- material-ui/AutoComplete'
5 Antworten
Habe ich installiert, material-ui-search-bar und dann will ich mit Suchleiste. Aber ich habe nächste problem: ./node_modules/material-ui-search-bar/lib/components/SearchBar/SearchBar.js Module not found: Can't resolve 'material-ui/AutoComplete' in '...node_modules/material-ui-search-bar/lib/components/SearchBar' Wie kann ich es beheben? Weiter nach der Installation importieren Sie es in
Material-UI [v0.x] RaisedButton auf hover-styles
4 Antworten
Ich würde das gerne ändern das styling eines Material-UI-RaisedButton auf schweben, aber es scheint, gibt es keine bestimmte option, das zu tun, wie das, was passiert auf hover ist eine Art definiert, die durch material-design-Richtlinien. Dennoch ist
Wie Stil-Material-UI - tooltip?
2 Antworten
Wie kann ich Stil-Material-UI - tooltip-text? Die Standard-QuickInfo auf hover kommt schwarz heraus mit keine text-wrap. Ist es möglich, den hintergrund ändern, Farbe etc? Ist diese option auch verfügbar? InformationsquelleAutor codinginnewyork | 2016-04-21
Form mit material-ui
3 Antworten
Ich versuche zu bauen, ein einfaches Formular in material-ui mit login und Passwort Textfelder und ein RaisedButton, das Formular zu senden. Was ist der beste Weg, um Ereignisse zu behandeln, die auf die RaisedButton und senden Sie
Wie Wende ich eine Schriftart Thema Reagieren in Material-UI?
4 Antworten
Ich bin versucht, eine google-schriftart, die zu meinem Material-UI-Projekt reagieren, aber können nicht scheinen, um es zu nehmen. Ich bin mit mui 0.14.2. Meine index.html Schrift laden: <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'> Meine Komponente, wo ich mich bewerben
ReactJS align-material-ui-Elemente horizontal
3 Antworten
Ich versuche, ein radio-button neben eine Texteingabe, so dass im wesentlichen ein Benutzer kann die Eingabe "Antworten" auf eine Frage, und markieren Sie eine bevorzugte. Jedoch, Material-UI stellt jeweils auf einer eigenen Zeile. Dies ist, was ich
Reagieren Material-UI - Export von mehreren Komponenten höherer Ordnung
6 Antworten
Bin ich stecken auf den Export von material-ui-Stile mit redux-Anschluss. Hier ist mein code: import React, { Component } from 'react'; import { connect } from 'react-redux'; import Drawer from 'material-ui/Drawer'; import { withStyles } from 'material-ui/styles';
Scrollbare List-Komponente aus Material-Benutzeroberfläche Reagieren
2 Antworten
Machen, wie der List-Komponente (siehe http://www.material-ui.com/#/components/list) fester Größe und scrollbare? Jedes mal, wenn ich ein neues ListItem-die Liste erweitert, jedoch möchte ich in der Lage sein, um einen Bildlauf durch, wenn der Inhalt größer als der container.
ändern der schriftart-Größe-material-ui-Tasten und mit den Tasten scale?
5 Antworten
Ich scheine zu sein, ein Problem mit dem ändern der schriftart, die Größen, die auf Material-UI ' s (zum Reagieren) RaisedButton und die Schaltfläche selbst skalieren richtig mit ihm. <RaisedButton label={<span className="buttonText">Log in Here</span>} /> CSS: .buttonText
Wie man textfield-Werte, wenn die EINGABETASTE gedrückt wird, reagieren in js?
2 Antworten
Möchte ich weitergeben textfield Werte, wenn Benutzer drücken Sie die enter-Taste von der Tastatur. In onChange() Veranstaltung, erhalte ich den Wert des textbox, aber Wie erhalte ich diesen Wert, wenn enter Taste gedrückt wird ? Code: import
- 1
- 2