InlineNote
@/components/ui/InlineNote
Farget venstrekant + ikon + fritekst, for en kommentar knyttet til ETT tall/resultat over.
Når brukes den
Bruk for en kommentar knyttet til et tall/resultat rett over — budsjett i under-/overskudd, likviditetsprognose, risiko ved utsettelse.
default for en nøytral kommentarlinje uten positivt/negativt/advarende utfall (en ren forklarende fotnote).
Innholdet (typografi, lenker, sterk tekst) er kallstedets ansvar — InlineNote er kun rammen og ikonfargen.
Ikke bruk som erstatning for Callout: InlineNote er en tynn kantlinje for én kommentarlinje ved siden av et tall, Callout er en frittstående boks.
Eksempler
Toner
error for et negativt utfall, success for et positivt, warning for et forbehold, accent for et nøytralt mål/tall, default for en ren fotnote.
Budsjettet går i underskudd med 12 400 kr.
Likviditeten holder seg positiv i hele perioden.
Forutsetter uendret rentenivå ut perioden.
Mål for kontantdekning (6 mnd): 480 000 kr i buffer.
Tallene oppdateres første virkedag hver måned.
<InlineNote icon={Advarsel} tone="error">
<Text variant="copy-13" tone="secondary">Budsjettet går i underskudd med <strong>12 400 kr</strong>.</Text>
</InlineNote>Props
Sveip tabellen for å se hele innholdet