Eufemia works best with JavaScript enabled.
Skip to content
‌
Home
Eufemia
Search the Eufemia documentation
Search ...
‌
Bla gjennom alternativer, lukk med esc knappen
‌
‌
UI Library
About the Library
Releases and versions
Getting Started
Requirements
Living system
Maintainability
Demos
Usage
First Steps
The Basics
React & TypeScript
ESM / SSR
Bundles: UMD and ESM (mjs)
Layout
Spacing
Media Queries
Grid
Customization
Component Properties
CSS Styles
Importing CSS
Colors
Theming
Theme
Locale / Translation
Provider / Context
Accessibility
Checklist
Focus
Icons
Screen readers
Best Practices
Best Practices for styling
Best Practices for JavaScript and JSX
Best Practices for typography
Best Practices for testing
Helpers
Typography
Font Weights
Font Size
Line Height
HTML Elements
Blockquote
Code
Hr-line
Image
Lists
Paragraph
Heading
Components
Accordion
Anchor (Text Link)
Autocomplete
Avatar
Badge
New
Breadcrumb
Button
Checkbox
DatePicker
Dialog
New
Drawer
New
Dropdown
FormLabel
FormRow
FormSet
FormStatus (StatusMessage)
GlobalError (404)
GlobalStatus
Heading
HeightAnimation
New
HelpButton
Icon
InfoCard
Input
InputMasked
Logo
Modal
NumberFormat
Pagination
InfinityScroller
ProgressIndicator
Radio
Section
Skeleton
SkipContent
New
Slider
Space
StepIndicator
Switch
Table
New
Tabs
Tag
Textarea
Timeline
ToggleButton
Tooltip
Upload
New
VisuallyHidden
New
Fragments
DrawerList
ScrollView
Extensions
Deposit
DataContext
Context
New
Provider
New
SubmitButton
New
DataInput
Currency
New
Date
New
Email
New
FirstName
New
LastName
New
NationalIdentityNumber
New
PhoneNumber
New
String
New
Number
New
Boolean
New
Select
New
Option
New
DataValue
Currency
New
Date
New
Email
New
FirstName
New
LastName
New
NationalIdentityNumber
New
PhoneNumber
New
String
New
Number
New
Boolean
New
InputBlock
New
Layout
ButtonRow
New
Column
New
Row
New
Section
New
Card
New
FlexContainer
New
FlexItem
New
MainHeading
New
SubHeading
New
InfoCardSection
New
StepsLayout
Buttons
New
StepsLayout
New
Step
New
NextButton
New
PreviousButton
New
Value
New
Visibility
New
PaymentCard
#
Value
‌
Info
Info
Demos
Demos
Properties
Properties
‌
‌
#
Demos
Label text
Data-value goes here
Code Editor
<
Value
label
=
"
Label text
"
>
Data-value goes here
</
Value
>