Eufemia works best with JavaScript enabled.
Skip to content
Home
Search the Eufemia documentation
Search ...
Bla gjennom alternativer, lukk med esc knappen
Portal Tools
UI Library
About the Library
Getting Started
Requirements
Usage
First Steps
Quick Reference
The Basics
AI, MCP and Tools
Beta
React & TypeScript
ESM / SSR
Bundles: UMD and ESM (mjs)
Customization
Component Properties
CSS Styles
Importing CSS
Style Isolation
Colors (deprecated)
Theming
Design Tokens (beta)
Beta
Theme component
Locale / Translation
Provider / Context
Accessibility
Checklist
Focus / Skip Link
Icons
Screen readers
Best Practices
Best Practices for number formatting
Best Practices for styling
Best Practices for JavaScript and JSX
Best Practices for typography
Best Practices for testing
Helpers
CSS classes
SCSS mixins
Functions
Layout
Flex
Grid
Space
Typography
Helper classes
Font Weights
Font Size
Line Height
HTML Elements
Blockquote
Code
Heading
HorizontalRule
Image
Ingress
Lead
Lists
Paragraph
Span
Components
Overview
Accordion
Anchor (Text Link)
AriaLive
Autocomplete
Avatar
Badge
Breadcrumb
Button
Card
Checkbox
CopyOnClick
CountryFlag
DateFormat
DatePicker
Dialog
Drawer
Dropdown
Filter
New
FormLabel
FormStatus (Messageboxes)
GlobalError (404)
GlobalStatus
Heading (auto level)
HeightAnimation
HelpButton
Icon
InfoCard
Input
InputMasked
List
New
ListFormat
Logo
Menu
New
Modal
NumberFormat
Pagination
PortalRoot
ProgressIndicator
Radio
Section
Skeleton
SkipContent
Slider
Stat
New
StepIndicator
Switch
Table
Tabs
Tag
TermDefinition
New
Textarea
Timeline
ToggleButton
Tooltip
Upload
VisuallyHidden
Fragments
Extensions
Forms for applications
Change log
Getting started
Form
Card
Section
Section.ViewContainer
Section.EditContainer
Section.Toolbar
Appearance
ButtonRow
Handler
InfoOverlay
Isolation
MainHeading
Outlet
SubHeading
SubmitButton
SubmitConfirmation
SubmitIndicator
Visibility
clearData
getData
setData
useData
useDataValue
useSnapshot
useSubmit
useTranslation
useValidation
Wizard
Iterate
Value
What are fields?
Base fields
ArraySelection
Boolean
Composition
MultiSelection
New
Number
Selection
Slider
String
Toggle
Upload
Feature fields
Address
BankAccountNumber
Currency
Date
DateOfBirth
Email
Expiry
Name
NationalIdentityNumber
OrganizationNumber
Password
PhoneNumber
PostalCodeAndCity
SelectCountry
SelectCurrency
Time
New
Blocks
Connectors
Create your own component
All features and APIs
PaymentCard
VippsWalletButton
Gå til ...
Forms
Form
Outlet
#
Form.Outlet
Info
Info
Demos
Demos
Properties
Properties
#
Demos
#
Link data between handler and outlet
Form.Handler
Name
Nora
Mork
Linked editor (Form.Outlet)
Fornavn
Etternavn
Code
Dark mode
#
Linked data inside Form.Section in outlet
Form.Handler
Fornavn
Etternavn
Send
Linked editor in Form.Section (Form.Outlet)
Fornavn
Etternavn
Send
Linked data
Type in either place to see linked data
Code
Dark mode