Inera Design System (IDS) - kod

Owned by Rebecka Näsström
Last updated: juni 25, 2024
2 min read

Inera Design System (IDS) är ett komponentbibliotek i kod vars grundtanke är att fungera med alla olika typer av ramverk, samt öka återanvändningen bland kodkomponenter i projekten. IDS är kodmotsvarigheten till designsystemet i Figma.

Innehåll:

 

Om Inera Design System (IDS)

Vart hittar jag komponentbiblioteket?

Inera Design System (IDS) finns i Storybook.

Du hittar en listning av alla komponenter här på Netlify.

ids-design, ids-core, ids-angular, ids-react. Vilken ska jag välja?

IDS är uppbyggt med Web Components i grunden (ids-core). I vissa projekt kan det funka att använda dessa direkt genom att endast installera ids-core. Men en majoritet av projekten är skrivna i antingen Angular eller React. Därför finns även ids-angular och ids-react. Dessa paket skapar en wrapper för varje komponent, vilket gör det enklare för exempelvis Angulars compiler att hitta fel eller för React att hantera properties och events.

Ifall ett projekt inte supportar Web Components, till exempel projekt som nyttjar SSR, så kan paketet ids-design användas. Detta paket innehåller alla komponent-CSSer och kommer i framtiden även innehålla designtokens.

Hela idén med IDS finns beskrivet i denna introduktionsfilm: Inera Design System - Introduktion

Vad är det för skillnad mellan Inera Design System (IDS) och CSS-biblioteket / IC-Angular?

IDS och CSS-biblioteket har inget med varandra att göra. IDS tillhandahåller komponenter. CSS-biblioteket tillhandahåller endast CSS. IC-Angular är ett komponentbibliotek som endast funkar för Angular och är byggt som ett sidoprojekt till CSS-biblioteket. IDS har inga beroenden utan levererar allt i ett paket.

Hur bidrar vi till IDS?

Främst genom att dela med er av behov, förväntningar och planer angående användandet av IDS till oss. Samt er dela kunskap om IDS till andra användare i något gemensamt forum. I nuläget finns ingen möjlighet att bidra med egna komponenter.

Hur rapporterar jag in en bugg?

  1. Genom formuläret IDS återkoppling, “Rapportera en bugg i IDS”

  2. Skriva i ett gemensamt forum, t ex IneraUX på Slack om du tror någon annan har bra input på ditt problem.

  3. Hör av dig till Patrik Hobring eller Dennis Centerhag direkt.

Vart följer jag processen?