Fiori 3.0 Component Status

Tracking of progress toward Fiori 3.0 adoption

Legend

• ✅ Full adoption
• ⚠️ Requires work
• ❕ Lacks Fiori 3.0 guidelines
• ⬇️ Consider deprecating
• ❌ Deprecated
• ✔️ MVS Phase 1 (End of year)

Package

Suggestion for meta-package modularization

Version

Last updated

Library elements

foundation

	Status	Package	Version	Specs	Design	Dev	Docs
Colors ✔️	✅	core	1.3	➔	Design Sheet	➔	➔
Grid	⚠️	layout	1.3			➔ #906	➔ #801
Spacing ✔️	⚠️	core	1.3	➔	Default	➔ #1042	➔ #782
Type ✔️	✅	core	1.3		Default	➔	➔
Breakpoints ✔️	⚠️	core	1.3	➔		#1042	➔
Themes	❕
Contexts	❕

icons

	Status	Package	Version	Specs	Design	Dev	Docs
Icons	✅	icons	1.0			➔	➔

layout

	Status	Package	Version	Specs	Design	Dev	Docs
App	❕					➔	➔
Page	❕				➔		➔
Sections	⚠️						➔
Grid/Columns	⚠️					➔	➔
Panels	❕						➔
Panel Grid	❕						➔
Tile Grid	❕					➔	➔
Cards	❕

shell

	Status	Package	Version	Specs	Design	Dev	Docs
Shell	❕	shell				➔/➔/➔
Shellbar ✔️	⚠️	shell		➔	Default	➔
Action Bar	⚠️❕	shell		#879		➔	➔ #879
Product Menu ✔️	❕					➔
Product Switcher ✔️	❕					➔
Shellbar Collapse ✔️	❕					➔
Shellbar Search ✔️	❕					➔
Shellbar Title Menu ✔️	❕					➔
User Menu ✔️	❕					➔
Navigation	❕	shell				➔	➔
Global Navigation	❌	shell				➔	➔
Mega Menu	❌	shell				➔	➔
Footer Toolbar	❕		#908				#908

components

	Status	Package	Version	Specs	Design	Dev	Docs
Alert	⚠️				#923	➔	➔
Identifiers/Avatars	⚠️				#924	➔	➔
Button ✔️	⚠️			➔		➔/➔#925 #794	➔ #840 #818 #954
Labels	⚠️				#926	➔/➔/➔	➔
Breadcrumb	⚠️❕				#927	➔	➔
Calendar	⚠️❕				#928	➔	➔
Contextual Menu	⬇️					➔	➔
Dropdown	⚠️❕				#929	➔	➔
Image	❕				#924	➔	➔
Inline Help	❕				#930	➔	➔
List Group	⚠️				#931	➔	➔
Link ✔	✅			➔	#932	➔	➔
Loading Spinner ✔	⚠️❕			➔	#933	➔	➔
Menu	⚠️❕				#934	➔	➔
Modal/Dialog ✔	✅			➔	#935	➔	➔
Navigation	⚠️❕				#936	➔
Pagination	⚠️				#937	➔	➔
Popover	⚠️				#938	➔	➔
Table	❕⚠️				#939	➔	➔
Tabs	⚠️				#940	➔	➔
Tile	❕⚠️				#931	➔/➔	➔
Time	⚠️❕				#941	➔	➔
Tree	⚠️				#942	➔	➔
Token	⚠️				#952	➔	➔

forms

	Status	Package	Version	Specs	Design	Dev	Docs
Label ✔️	⚠️			➔	#955
Checkbox ✔️	⚠️			➔	#956	➔
Input ✔️	⚠️			➔	#957	➔
Radio ✔️	✅			➔	#959	➔ #778
Select ✔️	⚠️				#960
Textarea ✔️	✅			➔	#961
Formset	✅	forms			#962	➔	➔
Combobox Input ✔️		forms		➔	#963	➔	➔
Date Picker ✔️	⚠️❕	forms		➔	#964	➔	➔
Input Group	⚠️❕	forms			#965	➔	➔
Localization Editor	⚠️❕	forms			#966	➔	➔
Multi Input ✔️	⚠️❕	forms		➔	#760	➔	➔
Search Input ✔️	⚠️❕	forms			#967	➔	➔
Time Picker ✔️	⚠️❕	forms		➔	#968	➔	➔
Toggle	⚠️	forms			#969	➔	➔

utilities

	Status	Package	Version	Specs	Design	Dev	Docs
Animation		helpers
Backgrounds		helpers				➔
Borders		helpers
Boxes		helpers				➔
Colors		helpers				➔
Flexbox		helpers
Grid		helpers
Layout		helpers				➔
Spacing		helpers				➔
Typography		helpers				➔	➔