Componenti angolari nativi e direttive per Lightning Design System

Blog

Componenti angolari nativi e direttive per Lightning Design System

di-fulmine

Questa libreria contiene nativi Angolare componenti e direttive scritte da zero in TypeScript usando il Sistema di progettazione del fulmine struttura CSS.



Stiamo cercando l'aiuto della community per trovare e correggere bug, migliorare il sito demo e creare nuovi componenti.

Installazione

Installa tramite |_+_|:



selettore-interruttore-nativo-reattivo
npm

Dipendenze

Questa libreria dipende dal markup LDS e CSS di Salesforce (testato con 2.9). Non spediamo alcun file CSS, ma devi occuparti di includere le regole CSS LDS nella tua pagina. Ci sono vari modi per farlo, ad esempio compilando i loro file sorgente ( npm install --save ng-lightning ) o aggiungendo questo nel tuo |_+_|:

@salesforce-ux/design-system

Icone SVG

A causa di vari problemi tra domini, se vuoi usare le icone SLDS, devi fornire una copia dei vari file sprite (cioè |_+_|), serviti localmente attraverso il tuo server.



Supporto IE11

Sfortunatamente, IE11 non supporta due importanti funzionalità.

  • Contenuto esterno SVG , usato per caricare le icone SVG da una spritemap. Per supportare questo, dovrai usare un piccolo script chiamato svg4tutti .
    Disponibile su npm cdn qui .

  • |_+_| su elementi SVG, utilizzati da |_+_| di Angular. Vedere qui per maggiori informazioni. Utilizzo classList.js spessore, disponibile su npm cdn qui .

Tipicamente, questi spessori dovrebbero essere posizionati all'interno del |_+_| elemento.

Utilizzo e demo

http://ng-lightning.github.io/ng-lightning/

domande e risposte dell'intervista mulesoft

Contribuire

Siamo sempre alla ricerca di contributi di alta qualità! Si prega di controllare il documento CONTRIBUTING.md per le linee guida.

Ho bisogno di aiuto?

Per domande su come utilizzare ng-lightning o su come contribuire, invia domande utilizzando |_+_| etichetta. Se trovi un bug nel codice sorgente o un errore nella documentazione, puoi aiutarci inviando un problema al nostro repository GitHub.

come faccio a parlare con una persona reale su verizon?

Aziende che utilizzano i fulmini

Browser

Supportiamo gli stessi browser e versioni supportate sia da Angular che da Lightning Design System di Salesforce.
Il test cross browser/ambiente viene eseguito tramite Saucelabs .

Scarica i dettagli:

Autore: di-fulmine

Dimostrazione dal vivo: http://ng-lightning.github.io/ng-lightning/

GitHub: https://github.com/ng-lightning/ng-lightning

#angular #javascript