ft-ui-komponenter 1.0.0-beta.3
Install from the command line:
Learn more about npm packages
$ npm install @navikt/ft-ui-komponenter@1.0.0-beta.3
Install via package.json:
"@navikt/ft-ui-komponenter": "1.0.0-beta.3"
About this version
yarn add @ft-frontend-saksbehandling/ui-komponenter
Vise innhold med ramme og pil enten til venstre eller topp
| navn | type | påkrevd | default |
|---|---|---|---|
| alignOffset | number | 0 | |
| alignLeft | bool | false | |
| hideBorder | bool | false | |
| children | node | x | |
| marginTop | number | 0 | |
| marginLeft | number | 0 |
<ArrowBox alignOffset={64}>
{children}
</ArrowBox>Presentasjonskomponent. Formaterer dato på formatet dd.mm.yyyy.
| navn | type | påkrevd |
|---|---|---|
| dateString | string | x |
<DateLabel dateString="2017-08-31" />Presentasjonskomponent. Formaterer dato til formatet dd.mm.yyyy - hh:mm.
| navn | type | påkrevd |
|---|---|---|
| dateTimeString | string | x |
<DateTimeLabel dateTimeString="2017-08-02T00:54:25.455"Komponent/Ikon som viser om noe i GUI er endret.
| navn | type | påkrevd | default |
|---|---|---|---|
| className | string | null |
Presentasjonskomponent. Komponent som har ansvar for visning av bilder.
| navn | type | påkrevd | default |
|---|---|---|---|
| className | string | null | |
| src | string/object | null | |
| imageSrcFunction | function | null | |
| onMouseDown | function | null | |
| onKeyDown | function | null | |
| onClick | function | void | |
| alt | string | null | |
| title | string | null | |
| tabIndex | string | -1 | |
| tooltip | string | null | |
| alignTooltipArrowLeft | bool | null | |
| intl | object | x |
<Image className={styles.image} src={sendDokumentImageUrl} titleCode="DocumentListInnsyn.Send" altCode="DocumentListInnsyn.Send" />Presentasjonskomponent. Formaterer til og fra dato til en periode på formatet dd.mm.yyyy - dd.mm.yyyy.
| navn | type | påkrevd |
|---|---|---|
| dateStringFom | string | x |
| dateStringTom | string | x |
<PeriodLabel dateStringFom="2017-08-25" dateStringTom="2017-08-31" />Presentasjonskomponent. Legg inn vertikalt tomrom.
| navn | type | påkrevd |
|---|---|---|
| fourPx | bool | |
| eightPx | bool | |
| sixteenPx | bool | |
| twentyPx | bool | |
| dashed | bool |
<VerticalSpacer twentyPx />