Quelle: dotnetpro
Downloads 12.10.2020, 00:00 Uhr

Konsole à la carte

Webcomponents im Schwerpunkt und ein Menüsystem für die Kommandozeile.
Wie schon Fabian Deitelhoff im Beitrag Frameworks and more in dieser Ausgabe schreibt, ist die schon lange totgesagte Kommandozeile lebendiger denn je. Ob es an der geforderten Cross-Plattform-Fähigkeit von Anwendungen liegt oder ob Tools wie Docker und Kubernetes dafür sorgen – Fakt ist: Die Kommandozeile wird verwendet.
Schwerpunkt
Github-Profile-Widget

Diese Webkomponente zeigt ein Profil-Widget für Ihren Github-Account, das leicht in Ihre Website eingebettet werden kann.

https://www.webcomponents.org/element/github-profile-widget
Smart HTML Elements

Smart HTML Elements repäsentiert ein Framework basierend auf Javascript, HTML und CSS zum Erstellen web-basierter Applikationen, die auf PC, Touch und mobilen Geräten laufen. Smart HTML Elements enthält mehr als 40 UI-Komponenten.

https://www.webcomponents.org/collection/HTMLElements/smart-webcomponents-community
elementui

Elementui gruppiert nützliche und einfache Webkomponenten neu, um sie in Ihrer Applikation zu nutzen. Der Fokus liegt auf Einfachheit und Erweiterbarkeit.

https://www.webcomponents.org/collection/davecourtois/elementui
Dark-Mode-Toggle

Vaadin-Grid ist eine freie, qualitativ hochwertige Data-Grid- / Datentabellen-Webkomponente und Teil der Vaadin-Komponenten.

https://www.webcomponents.org/element/vaadin/vaadin-grid
Lit-Datatable

Lit-Datatable ist eine Material-Design-Implementierung einer Datentabelle.

https://www.webcomponents.org/element/@doubletrade/lit-datatable
Smart Accordion

Smart-Accordion ist ein Custom-HTML-Element mit erweiterbaren Panels und Teil der Smart HTML Elements. Jedes Panel hat Header und Content.

https://www.webcomponents.org/element/HTMLElements/smart-accordion
Smart-Bootstrap

Das Paket erweitert Bootstrap durch Hinzufügen von Material Design und CSS3 Variablen für das Styling. Die Boostrapkomponenten sind komplett neu geschrieben und als Web Components erstellt.

https://www.webcomponents.org/element/@smarthtmlelements/smart-bootstrap
Polyfills Loader

Der Polyfills Loader hilft beim Verwalten der Ladeprozesse von Polyfills und/oder der Bereitstellung verschiedener Versionen Ihrer auf Browsersupport basierenden Anwendungen. Er generiert ein Skript, das die nötigen Polyfills lädt.

https://open-wc.org/building/polyfills-loader.html
Payment Request API

Die Webkomponente Payment Request API wurde unter Verwendung von Polymer erstellt.

https://www.webcomponents.org/element/@@npm/payment-request
Iron-Collapse-Button

Ein Iron-Collapse mit einer Trigger-Sektion und optionalen Expand/Collapse-Icons.

https://www.webcomponents.org/element/jifalops/iron-collapse-button
Polymer.IronJsonpLibraryBehavior

Polymer.IronJsonpLibraryBehavior lädt eine Jsonp-Library. Mehrere Komponenten können dieselbe Library aufrufen, nur eine Kopie lädt. Einige Libraries erfordern die Definition einer spezifischen globalen Funktion. Falls das der Fall ist, spezifizieren Sie das CallbackName-Property.

https://www.webcomponents.org/element/@polymer/iron-jsonp-library
Google Pay Web Component Button

Webkomponente für den Google Pay Button. Diese Komponente kann in standardmäßigen HTML-Websites sowie Angular-Websites verwendet werden.

https://www.webcomponents.org/element/@google-pay/button-element
Dark Mode Toggle

Dieses maßgeschneiderte Element ermöglicht das Einfügen eines Dark Mode Toggles oder Switch auf Ihrer Seite, so dass Sie sich anfangs an die Vorlieben Ihrer User anpassen können.

https://www.webcomponents.org/element/dark-mode-toggle
Model-Viewer

Model-Viewer ist eine Webkomponente, die das Rendern interaktiver 3D-Modelle - optional in AR - erleichtert, auf so vielen Browsern und Geräten wie möglich.

https://www.webcomponents.org/element/@google/model-viewer
Webapp-Menu

Erstellen Sie barrierefreie Menüs für Web-Apps, z.B. Kontext-Menü, Datei-Menü, Edit-Menü, Toolbar.

https://www.webcomponents.org/element/webapp-menu

Jetzt 1 Monat kostenlos testen!

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde.
  • + Digitales Kundenkonto,
  • + Zugriff auf das digitale Heft,
  • + Zugang zum digitalen Heftarchiv,
  • + Auf Wunsch: Weekly Newsletter,
  • + Sämtliche Codebeispiele im digitalen Heftarchiv verfügbar