-
Notifications
You must be signed in to change notification settings - Fork 55
Fiori 3.0 Component Status
Zack edited this page Dec 10, 2018
·
64 revisions
- ✅ Full adoption
⚠️ Requires work- ❕ Lacks Fiori 3.0 guidelines
- ⬇️ Consider deprecating
- ❌ Deprecated
- ✔️ MVS Phase 1 (End of year)
Suggestion for meta-package modularization
Last updated
| 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 | ❕ |
| Status | Package | Version | Specs | Design | Dev | Docs | |
|---|---|---|---|---|---|---|---|
| Icons | ✅ | icons | 1.0 | ➔ | ➔ |
| Status | Package | Version | Specs | Design | Dev | Docs | |
|---|---|---|---|---|---|---|---|
| App | ❕ | ➔ | ➔ | ||||
| Page | ❕ | ➔ | ➔ | ||||
| Sections | ➔ | ||||||
| Grid/Columns | ➔ | ➔ | |||||
| Panels | ❕ | ➔ | |||||
| Panel Grid | ❕ | ➔ | |||||
| Tile Grid | ❕ | ➔ | ➔ | ||||
| Cards | ❕ |
| 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 |
| 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 | ➔ | ➔ |
| 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 | ➔ | ➔ |
| 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 | ➔ | ➔ |