Green supporterar flera kod implementationer av Green-komponenterna som finns i design biblioteken. Kod implementationerna finns i de ramverk som används mest på SEB. Just nu är de front-end ramverk som Green supportrerar är följande:

• React (green-react)
• Angular (green-angular)

Information kring Green och dess komponenter dokumenteras i Design Library som underhålls av Green Core Team med hjälp av Public Web.

Mer detaljerad dokumentation kring kodade komponenter lever i Github samt Storybook

Ramverks-agnostisk kod

Kod som är kopplad till affärslogik eller är den samma oavsett ramverk samlar vi i Extract. Det gör att vi inte duplicerar kod och kan lägga eller byta ramverk på sikt om det skulle behövas.

Andra ramverk

Vi är öppna för att erbjuda support för ytterligare ramverk i Greens huvuderbjudande.

För att Green ska kunna ta in ramverk i sitt erbjudande så måste ramverket erbjuda tydliga, grananterade och pålitliga resurser för att Green ska kunna underhålla och supportera en sådan lösning. Till exempel om ett team har byggt en produkt med native webkomponenter av Green komponenter men har ingen dokumentation eller plan för att underhålla dem så kan det inte bli en del av Green Design System.

Reusable code

Why

Reduces the need to read and understand documentation as well as the risk for bugs and maintenance time.

What

All components are built with css and semantic HTML in Chlorophyll, business logic in Extract and functional components for React and Angular.

• Chloropyll: The CSS (SCSS) framework in Green. Implements the design itself
• Extract: An underlying framework of agnostic javascript that will implement the business logic for components built in higher level frameworks such as Angular or React.
• Angular: Angular implementation of Green React: React implementation of Green

To find out more about Green, head over to the Github repo. There you'll find all the source code and the most up to date information.

How

• Components live in Green's Github repo
• Development is done by the product teams with the support of the Green core team
• Governance is managed by the Green core team
• Product team that wants Go Green does it in order:
  • Everything new is built in Green 
  • Everything that changes is converted to Green 
  • What is left over is moved to Green if possible