Animierte und konfigurierbare Wettersymbole aus React

Blog

Animierte und konfigurierbare Wettersymbole aus React

Wetter-Stil-Symbol

Symbol im Wetter-Stil

http www showtimeanytime com aktivieren

Animierte und konfigurierbare Wettersymbole in React mit gestylte-Komponenten und CSS-Animationen.

Icons und Styles wurden daraus entnommen Codepen , bitte lass ihm einen Anfang

Installation

> yarn add styled-components weather-styled-icon

Anwendungsbeispiel

import React from 'react'; import { Sunny, Cloudy, Rain, Snow } from 'weather-styled-icon'; const App = () => ( );

Weitere Beispiele und Verwendung finden Sie in der Docs-Seite .

Thematisierung

Angesichts der Tatsache, dass alle Symbole |_+_| verwenden, ist das Thematisieren ziemlich einfach. Sie können |_+_| . importieren aus der Bibliothek, die mit den bereits eingerichteten Standardfarben geliefert wird, und durch Bereitstellen eines neuen |_+_| Objekt können Sie sie überschreiben. Sie finden die |_+_| Struktur in dieser Datei .

styled-components

Beitragen

  1. Fork dieses Projekt: https://github.com/EmaSuriano/weather-styled-icon/fork
  2. Erstellen Sie Ihren Feature-Branch: |_+_|
  3. Übernehmen Sie Ihre Änderungen: |_+_|
  4. Übertragen Sie die Änderungen per Push in Ihr Repository: |_+_|
  5. Erstellen Sie einen neuen Pull-Request: https://github.com/EmaSuriano/weather-styled-icon/compare

Download-Details:

Autor: EmaSuriano

Demo: https://weather-styled-icons.netlify.app/

Quellcode: https://github.com/EmaSuriano/weather-styled-icon

#reactjs #reagieren #javascript