Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
@fremtind/jkl-typography-react
Advanced tools
@fremtind/jkl-typography-react
Denne pakken inneholder komponenter for spesifikke typografiske komponenter, slik som Label
, SupportLabel
og Link
, som brukes av flere av komponentene i Jøkul. Bruk av andre typografiske elementer, som overskrifter og avsnittstiler, se siden om typografi i portalen.
NB! React-komponentene for overskrifter og avsnittstiler i denne pakken er utgående. Se migrasjonsguiden for jkl-core@3.0.0
for nærmere informasjon.
Se portalen for bruk og prinsipper.
Lær hvordan du kan ta i bruk Jøkul
Installér pakken med yarn add @fremtind/jkl-typography-react
eller npm i @fremtind/jkl-typography-react
. Stil-pakken blir automatisk installert som en avhengighet.
Importer komponenten(e) du trenger i prosjektet ditt. Stilen hentes fra jkl-core
:
import { Label, SupportLabel, Link } from "@fremtind/jkl-typography-react";
import "@fremtind/jkl-core/core.min.css";
Label
Denne komponenten brukes for å lage etiketter for skjemafelter. Du velger størrelse på labelet ved hjelp av variant
-prop-en, som kan ha verdiene "small", "medium" og "large". Label
har to forskjellige typer bruk.
<label>
-element sammen med feltet den skal være etikett for:<label>
<Label>Fødselsnummer</Label> // returnerer et <span>-element
<input type="number" name="fnr" value="" />
</label>
<label>
-element for et spesifisert skjemaelement:<Label standAlone htmlFor="mitt-skjemafelt">Fornavn</Label>
<input type="text" id="mitt-skjemafelt" name="fornavn" value="" />
NB! Alle skjemafelter i Jøkul (unntatt BaseInputField
) bruker allerede Label
. Du trenger kun denne komponenten om du lager dine egne typer skjemafelter.
SupportLabel
Denne komponenten brukes for å vise hjelpetekst og feilmelding i tilknytning til et skjemafelt. Begge meldingene tas som props til komponenten, og dersom errorLabel
er gitt vil kun denne vises.
<label>
<Label>Fødselsnummer</Label> // returnerer et <span>-element
<input type="number" name="fnr" value="" />
<SupportLabel helpLabel="Elleve siffer" errorMessage={isInvalid ? "Fødselsnummer må inneholde akkurat elleve siffer" : undefined} />
</label>
NB! Alle skjemafelter i Jøkul (unntatt BaseInputField
) bruker allerede SupportLabel
. Du trenger kun denne komponenten om du lager dine egne typer skjemafelter.
Denne komponenten genererer en tekstlenke med riktig formatering. Bruk prop-en negative
om den skal vises på mørk bakgrunn.
<p>Les <Link href="/vilkar">vilkårene</Link> nøye før du signerer</p>
<div className="dark-bg">
<p>Les <Link negative href="/vilkar">vilkårene</Link> nøye før du signerer</p>
</div>
FAQs
Jøkul react typography components
The npm package @fremtind/jkl-typography-react receives a total of 4 weekly downloads. As such, @fremtind/jkl-typography-react popularity was classified as not popular.
We found that @fremtind/jkl-typography-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.