A picture of two woman with yellow theme

Demo

Forfatter: ProsessPilotene as

Ingress text

Typography demo

Heading 1

Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst.

Fet tekst Fet tekst Fet tekst Fet tekst Fet tekst Fet tekst Fet tekst Fet tekst Fet tekst

Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst Kursiv tekst

Kode kode kodeKode kode kodeKode kode kodeKode kode kode

Underskrift Underskrift Underskrift Underskrift Underskrift Underskrift Underskrift Underskrift Underskrift Underskrift te

Strike through Strike through Strike through Strike through Strike through

Highlight Highlight Highlight Highlight Highlight Highlight

Alt mulig Alt mulig Alt mulig Alt mulig Alt mulig Alt mulig Alt mulig Alt mulig

Heading 2

tekst Normal

Heading 3

Normal tekst

Normal tekst Normal tekst Normal tekst ormal tekst Normal tekst Normal tekst Normal t

  • Punkt listePunkt liste
  • Punkt listePunkt liste
  • Punkt listePunkt liste
  • Punkt listePunkt liste
  1. Nummer liste
  2. nummer liste
Heading 4

Normal tekst Normal tekst Normal

tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal tekst Normal

Annotation items

Ingen aktuelle pr nå.

Listbox

Listbox Shadow

Top content
Bottum content

Listbox Solid Primary

Top content
Bottum content

Listbox Shadow

Top content
Bottum content

Listbox Light Success

Top content
Bottum content

Spacer

Devider

Link og referanser

Det er støtte for fire type linker.

  1. Enkel: Innline link er linker der velger en tekst, og gjør den linkable.
  2. Avansert: Inline linker er linker som inn i en setning. Brukes fra menyen Innline link. Det er denne som er foretrukket å bruke.
  3. Adhoc linker. Dette er linker som legges direkte inn i teksten mens du skriver. De er frittstående
  4. Faste linker. Dette er linker som finnes i Sanity, og kan brukes i mange dokumenter. Fordelen er at når du endrer i Sanity linker, så oppdateres også alle dokumenter som bruker linkene. Eksempel kan være fast link til Facebook profil.

En meny definisjon i sanity kan bruke både dokumenter direkte og faste linker.

3. Ad hoc linker

Dette brukes når vi skal lage en link til nesten hva som helst ad hoc. For linker vi bruker ofte, bør de lagres som Linker i Sanity, slik at det er lett å oppdatere dem.

Web linker som en knapp

VG.no

Web linker internal link eksempel:

Rådgivning

Web linker Ekstern web adresse eksempel:

nettside

Epost Eksempel:

Frode

Telefon eksempel

tlf

4. Link Varianter - Faste linker

Faste linker kan være til sosiale medier, besteme nettsider og annen informasjon som ofte henvises til i artikler og sider. De har en god tooltip støtte, som du ikke får uten videre på ad hoc linker.

Eksempel en: Link til salg og netthandle (url Reference)

Salgsprosesser

Maps

Loading map data...
Loading map data...

Mermaid

Min Arbeidsdag

Flow

Progress

Fremdrift45%

Table

Compact , striped rows, sticky header, shadow small

AnsatteRolle
FrodeKonsulent
ThomasSjef

sticky header, shadow small, select mltiple

AnsatteRolle
FrodeKonsulent
ThomasSjef

Accordion

Accoridan Light and Single

Accoridan Shadow

Bordered

Accoridan Splitted

Quote

Block quote

Fint sitat - der vi må se forskjellen på block quote og quoteblock som kommer her:

Quote Block

ProsessPilotene er best

— Frode(Spør hvem som helst)

Ikoner

Block icon

Lucid

Google

10k

Inline Ikoner

Dette løses når Next 15.3 bug er løst

Emojee

Alle Noto Color Emoji - Google Fonts støttes

🥰💀✌️🌴🐢🐐🍄⚽🍻👑📸😬👀🚨🏡🕊️🏆😻🌟🧿🍀🎨🍜

Code snutter

compontents/code
import { codeToHtml } from "shiki";
import {
//   transformerNotationHighlight,
+  transformerNotationDiff,
} from "@shikijs/transformers";
...
export default async function Code({
  code,
  lang = "javascript",
  theme = "nord",
}: Props) {
    ...
    transformers: [transformerNotationHighlight()],

    transformers: [transformerNotationHighlight(), transformerNotationDiff()],
  ...
}

Sosiale medier

Instagram

YouTube Short

TikTok

LinkedIn

YouTube

X

Multiseksjon

Seksjonstittel Ren tekst

asdfsdfds fdasf dsf dasf

Multimodal

Mulige nye innholdsmoduler

  1. Related components cards (Trolig) reference
  2. Bilde carousel
  3. Timeline components
  4. Tabs component
  5. Parallax
  6. Video player (YouTube embed virker, men mer for generelle videoer)

asdfsdfdsfds