Für Entwickler:innen
Die Komponenten sind bislang nur mit HTML und CSS umgesetzt, um die Gestaltung konsistent und einfach nutzbar zu machen.
Schritt 1: Installieren der KERN-UX Bibliothek
Es gibt zwei Möglichkeiten, das KERN-UX Native Package in deiner Anwendung zu verwenden:
Methode 1: Einbindung über NPM
KERN-UX Native Package installieren
Führe folgenden Befehl aus, um die KERN-UX Dateien zu installieren:
npm install @kern-ux/native --save
Binde die Styles in deine Applikation ein.
@import "@kern-ux/native/dist/kern.min.css";
@import "@kern-ux/native/dist/fonts/fira-sans.css";
Methode 2: Einbindung per CDN
Füge diesen Code in die index.html deiner Anwendung ein, um die KERN-UX-Bibliothek zu laden per CDN zu laden:
jsdelivr
<head>
<!-- // ... -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kern-ux/native/dist/kern.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kern-ux/native/dist/fonts/fira-sans.css">
<!-- // ... -->
</head>
unpkg
<head>
<!-- // ... -->
<link rel="stylesheet" href="https://unpkg.com/@kern-ux/native/dist/kern.min.css">
<link rel="stylesheet" href="https://unpkg.com/@kern-ux/native/dist/fonts/fira-sans.css">
<!-- // ... -->
</head>
Methode 3: Kopieren der Bibliothek
folgt...
Schritt 2: Komponente einbinden
Füge das HTML für eine Komponente in deine Anwendung ein. Gehe zur Beispiel-Alert-Komponente und kopiere das HTML.
Füge das HTML in eine Seite oder Vorlage in deiner Anwendung ein.