Jérémy Chaufourier

Apparence

Edge components 2.0

Edge components est une bibliothèque de composants pour le moteur de template Edge 6 et AdonisJS 6, simplifiant l'implémentation des formulaires.

Dépendances ​

Ce package nécessite Edge 6, Tailwind avec DaisyUI, et Alpine (optionnel).

Installation ​

La première étape consiste à installer le package depuis le registre npm.

bash
npm i @jrmc/edge-components@next

L'étape suivante consiste à enregistrer un plugin Edge.

bash
node ace configure @jrmc/edge-components

Configuration Tailwind ​

Installez les dépendances :

bash
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
touch postcss.config.js
npx tailwindcss init

Configurez postcss.config.js :

javascript
export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

Mettez à jour tailwind.config.js :

javascript
import edgeComponent from '@jrmc/edge-components/tailwind.config'

module.exports = {
  content: ['./resources/views/**/*.edge', ...edgeComponent.content],
  plugins: [...edgeComponent.plugins],
}

Ajoutez le CSS de base dans resources/css/app.css :

css
@tailwind base;
@tailwind components;
@tailwind utilities;

Ressources ​