UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

eufemia.dnb.no/uilib

dnbexperience/eufemia

100 lines (52 loc) • 4.08 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
--- version: 11.3.0 generatedAt: 2026-05-19T08:46:52.823Z checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40 --- ## Components ### Base components ## [Value.Composition](/uilib/extensions/forms/Value/Composition/) `Value.Composition` combines two or more `Value.*` components into one. ## [Value.String](/uilib/extensions/forms/Value/String/) `Value.String` is a base component for displaying values of the type `string`. ## [Value.SummaryList](/uilib/extensions/forms/Value/SummaryList/) `Value.SummaryList` uses definition lists to semantically make content consumable for screen readers. ## [Value.Number](/uilib/extensions/forms/Value/Number/) `Value.Number` is a base component for displaying values of the type `number`. ## [Value.Boolean](/uilib/extensions/forms/Value/Boolean/) `Value.Boolean` is a base component for displaying values of the type `boolean`. ## [Value.ArraySelection](/uilib/extensions/forms/Value/ArraySelection/) `Value.ArraySelection` is a wrapper component for displaying string values, with user experience tailored for an array of selected values. ## [Value.Provider](/uilib/extensions/forms/Value/Provider/) The `Value.Provider` lets you pass generic properties to all nested Value.\* components. ## [Value.SelectCountry](/uilib/extensions/forms/Value/SelectCountry/) `Value.SelectCountry` will render the selected country. ## [Value.SelectCurrency](/uilib/extensions/forms/Value/SelectCurrency/) `Value.SelectCurrency` will render the selected currency. ## [Value.Selection](/uilib/extensions/forms/Value/Selection/) `Value.Selection` is a component for displaying a string value based on a user selection. ### Feature components ## [Value.Address](/uilib/extensions/forms/Value/Address/) `Value.Address` is a wrapper component for displaying string values, with user experience tailored for postal and street addresses. ## [Value.BankAccountNumber](/uilib/extensions/forms/Value/BankAccountNumber/) `Value.BankAccountNumber` is a wrapper component for displaying string values, with user experience tailored for bank account number values. ## [Value.Currency](/uilib/extensions/forms/Value/Currency/) `Value.Currency` is a wrapper component for displaying number values, with user experience tailored for currency values. ## [Value.Date](/uilib/extensions/forms/Value/Date/) `Value.Date` is a wrapper component for displaying string values, with user experience tailored for date values. ## [Value.DateOfBirth](/uilib/extensions/forms/Value/DateOfBirth/) `Value.DateOfBirth` is a wrapper component for displaying string values, with user experience tailored for date of birth values. ## [Value.Email](/uilib/extensions/forms/Value/Email/) `Value.Email` is a wrapper component for displaying string values, with user experience tailored for email values. ## [Value.Name](/uilib/extensions/forms/Value/Name/) `Value.Name` is a wrapper component for displaying string values, with user experience tailored for personal, like first and last name and company names. ## [Value.NationalIdentityNumber](/uilib/extensions/forms/Value/NationalIdentityNumber/) `Value.NationalIdentityNumber` is a wrapper component for displaying string values, with user experience tailored for national identity number values. ## [Value.OrganizationNumber](/uilib/extensions/forms/Value/OrganizationNumber/) `Value.OrganizationNumber` is a wrapper component for displaying string values, with user experience tailored for organization number values. ## [Value.PhoneNumber](/uilib/extensions/forms/Value/PhoneNumber/) `Value.PhoneNumber` is a wrapper component for displaying string values, with user experience tailored for phone number values. ## [Value.PostalCodeAndCity](/uilib/extensions/forms/Value/PostalCodeAndCity/) `Value.PostalCodeAndCity` is a wrapper component for displaying string values, with user experience tailored for Norwegian postal code and city values. ## [Value.Upload](/uilib/extensions/forms/Value/Upload/) `Value.Upload` is a value component for displaying a list of files.