Hopp til innhold

Contact­Information

Kontaktinformasjon brukes i løsninger der vi trenger å oppgi kontaktinformasjon til oss selv eller til en distributør.

EksemplerBrukKode

Kom i gang

Installer
npm i @fremtind/jkl-contact-information-react
Bruk
import { ContactInformation } from "@fremtind/jkl-contact-information-react";



// Importer stilark via JavaScript med CSS-loader.

import "@fremtind/jkl-contact-information/contact-information.min.css";



// Eller importer stilark via SCSS.

@use "@fremtind/jkl-contact-information/contact-information";
React
Versjon
Dokumentasjon
Readme
Changelog

Live demo

ContactInformation
Egenskaper
Visning
Tema
Tetthet
<ContactInformation

  headingComponent={

    <ContactInformationHeading>

      {false && (

        <p className="jkl-body">Ta kontakt med din rådgiver Ola Nordmann</p>

      )}

    </ContactInformationHeading>

  }

>

  <Content>

    {false && (

      <PhoneColumn phone={"900 90 900"} openingHours={"07:00 - 24:00"} />

    )}

    {false && (

      <ChatAndMailColumn

        chat={() => alert("open chat")}

        email={"fremtind@fremtind.no"}

      />

    )}

    {false && (

      <QAndAColumn qAndA={() => alert("open link")}></QAndAColumn>

    )}

  </Content>

</ContactInformation>

React API

Her finner du en oversikt over props på komponentene i pakken.