FFE er en samling av gjenbrukbare komponenter basert på Less og React for å bygge nettsider og brukergrensesnitt. Komponentbiblioteket sikrer konsistent stil og oppførsel i prototyper og produksjonsarbeid.
Komponentene er publisert i forskjellige pakker på npm under @sb1-organisasjonen. Kildekoden til pakkene ligger på Github sammen med READMEs med mer detaljerte instruksjoner for hvordan pakkene kan brukes i prosjektet ditt.
Less-pakker brukes som oftest ved å ha en egen Less-fil i ditt prosjekt med et @import-statement for hver pakke, som her for @sb1/ffe-buttons. React-pakker brukes på lik linje med enhver JavaScript-pakke. Se siden til den komponenten du er interessert i, for å se et eksempel på en import-statement.
// src/[din-app]-main.less
@import '@sb1/ffe-buttons/less/buttons.less';
@import '@sb1/ffe-cards/less/cards.less';
@import '@sb1/ffe-core/less/ffe';Alle vil trenge @sb1/ffe-core og @sb1/ffe-webfonts. Utenom det har alle forskjellige behov, så ta en titt på komponentene for å finne det du trenger.
Designsystemet blir tatt vare på av designsystem-teamet. Du kan finne oss på Slack-kanalen #ext-designsystem.
Selv om vi er et team oppfordrer vi alle, både rutinerte og ferske, til å opprette issues, sende inn pull requests og kommentere på andres bidrag. Ta en titt under «Bidra» i sidemenyen for mer info om hvordan du går frem.