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
- Nummer liste
- 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
Section 1
Section 2
Listbox Solid Primary
Section 1
Section 2
Listbox Shadow
Section 1
Section 2
Listbox Light Success
Section 1
Section 2
Spacer
Devider
Link og referanser
Det er støtte for fire type linker.
- Enkel: Innline link er linker der velger en tekst, og gjør den linkable.
- Avansert: Inline linker er linker som inn i en setning. Brukes fra menyen Innline link. Det er denne som er foretrukket å bruke.
- Adhoc linker. Dette er linker som legges direkte inn i teksten mens du skriver. De er frittstående
- 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
Web linker internal link eksempel:
Web linker Ekstern web adresse eksempel:
Epost Eksempel:
Telefon eksempel
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)
Maps
Mermaid
Min Arbeidsdag
Flow
Progress
Table
Compact , striped rows, sticky header, shadow small
| Ansatte | Rolle |
|---|---|
| Frode | Konsulent |
| Thomas | Sjef |
sticky header, shadow small, select mltiple
| Ansatte | Rolle |
|---|---|
| Frode | Konsulent |
| Thomas | Sjef |
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”
Ikoner
Block icon
Lucid
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
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
YouTube Short
TikTok
YouTube
X
Multiseksjon
Seksjonstittel Ren tekst
asdfsdfds fdasf dsf dasf
Multimodal
Mulige nye innholdsmoduler
- Related components cards (Trolig) reference
- Bilde carousel
- Timeline components
- Tabs component
- Parallax
- Video player (YouTube embed virker, men mer for generelle videoer)
