|
| 1 | +import { Meta } from '../.storybook/components'; |
| 2 | + |
| 3 | +<Meta title="Roadmap" /> |
| 4 | + |
| 5 | +# Roadmap |
| 6 | + |
| 7 | +The design system team is releasing a library with a major version zero |
| 8 | +([0.y.z](https://semver.org/#spec-item-4)). This means it's still in early |
| 9 | +development and mainly for testing and trying out. Things can change at any |
| 10 | +time, and the component API is not stable yet. |
| 11 | + |
| 12 | +**However, even though the version is 0.y.z, we keep backward compatibility |
| 13 | +for components that are in the stable stage. This means that when a component |
| 14 | +becomes [stable](?path=/docs/component-lifecycle--docs), we don't make changes |
| 15 | +that break apps that use it.** |
| 16 | + |
| 17 | +The Koobiq React team is happy to get [feedback](?path=/docs/feedback--docs) |
| 18 | +from anyone who wants to try the design-system in their projects. |
| 19 | +We really appreciate your thoughts and suggestions. |
| 20 | + |
| 21 | +You can find the list of components and available features in the current |
| 22 | +version of the library in the roadmap below. |
| 23 | + |
| 24 | +Also, check out other articles in the list below: |
| 25 | + |
| 26 | +- [Component Lifecycle](?path=/docs/component-lifecycle--docs) |
| 27 | +- [Deprecation Strategy](?path=/docs/deprecation-strategy--docs) |
| 28 | + |
| 29 | +## Development Strategy |
| 30 | + |
| 31 | +We build components based on how important and how often they are used: |
| 32 | + |
| 33 | +- First, we make the most important and commonly used components — the basics for most UIs. |
| 34 | +- Then, we add more complex or optional components that improve the experience. |
| 35 | + |
| 36 | +**This step-by-step approach helps us keep the system clean, reusable, and easy to grow as the product changes.** |
| 37 | + |
| 38 | +## Roadmap 2024-2025 |
| 39 | + |
| 40 | +You can find the list of components and available features in the current version |
| 41 | +of the library in the roadmap below. It shows the current status, development stage, |
| 42 | +and planned release quarter for each component. |
| 43 | + |
| 44 | +| Component | Status | Stage | Planned (Quarter) | |
| 45 | +| ------------------ | -------------- | --------------- | ----------------- | |
| 46 | +| Provider | ✅ Done | 🔵 experimental | Q4 2024 | |
| 47 | +| Typography | ✅ Done | 🟢 stable | Q4 2024 | |
| 48 | +| Icons | ✅ Done | 🟢 stable | Q4 2024 | |
| 49 | +| Button | ✅ Done | 🔵 experimental | Q4 2024 | |
| 50 | +| IconButton | ✅ Done | 🔵 experimental | Q4 2024 | |
| 51 | +| Badge | ✅ Done | 🟢 stable | Q4 2024 | |
| 52 | +| Link | ✅ Done | 🔵 experimental | Q4 2024 | |
| 53 | +| Checkbox | ✅ Done | 🔵 experimental | Q4 2024 | |
| 54 | +| Radio, RadioGroup | ✅ Done | 🔵 experimental | Q4 2024 | |
| 55 | +| Toggle | ✅ Done | 🔵 experimental | Q4 2024 | |
| 56 | +| Input | ✅ Done | 🔵 experimental | Q4 2024 | |
| 57 | +| Textarea | ✅ Done | 🔵 experimental | Q4 2024 | |
| 58 | +| Alert | ✅ Done | 🟢 stable | Q4 2024 | |
| 59 | +| Grid | ✅ Done | 🟢 stable | Q1 2025 | |
| 60 | +| Container | ✅ Done | 🟢 stable | Q1 2025 | |
| 61 | +| ProgressBar | ✅ Done | 🔵 experimental | Q1 2025 | |
| 62 | +| ProgressSpinner | ✅ Done | 🔵 experimental | Q1 2025 | |
| 63 | +| InputNumber | ✅ Done | 🔵 experimental | Q1 2025 | |
| 64 | +| Backdrop | ✅ Done | 🔵 experimental | Q1 2025 | |
| 65 | +| Dialog | ✅ Done | 🔵 experimental | Q1 2025 | |
| 66 | +| Modal | ✅ Done | 🔵 experimental | Q1 2025 | |
| 67 | +| SidePanel | ✅ Done | 🔵 experimental | Q1 2025 | |
| 68 | +| FlexBox | ✅ Done | 🟢 stable | Q1 2025 | |
| 69 | +| SkeletonBlock | ✅ Done | 🟠 draft | Q1 2025 | |
| 70 | +| SkeletonTypography | ✅ Done | 🟠 draft | Q1 2025 | |
| 71 | +| Popover | ✅ Done | 🔵 experimental | Q1 2025 | |
| 72 | +| Tooltip | ✅ Done | 🔵 experimental | Q1 2025 | |
| 73 | +| List | ✅ Done | 🔵 experimental | Q1 2025 | |
| 74 | +| AnimatedIcon | ✅ Done | 🔵 experimental | Q1 2025 | |
| 75 | +| Select | ✅ Done | 🔵 experimental | Q1 2025 | |
| 76 | +| Menu | 🛠️ In Progress | 🔵 experimental | Q2 2025 | |
| 77 | +| Table | 🚧 Planned | | Q2 2025 | |
| 78 | +| ButtonToggle | 🚧 Planned | | Q2 2025 | |
| 79 | +| Tag | 🚧 Planned | | Q2 2025 | |
| 80 | +| Divider | 🚧 Planned | | Q2 2025 | |
| 81 | +| Calendar | 🚧 Planned | | Q2 2025 | |
| 82 | +| DatePicker | 🚧 Planned | | Q2 2025 | |
| 83 | +| Dropdown | 🚧 Planned | | Q2 2025 | |
| 84 | +| Select (multiple) | 🚧 Planned | | Q2 2025 | |
| 85 | +| Tabs | 🚧 Planned | | Q3 2025 | |
| 86 | +| Breadcrumbs | 🚧 Planned | | Q3 2025 | |
| 87 | +| Collapse | 🚧 Planned | | Q3 2025 | |
| 88 | +| Accordion | 🚧 Planned | | Q3 2025 | |
| 89 | +| Form | 🚧 Planned | | Q3 2025 | |
| 90 | +| TagGroup | 🚧 Planned | | Q3 2025 | |
| 91 | +| Autocomplete | 🚧 Planned | | Q4 2025 | |
| 92 | +| Toast | 🚧 Planned | | Q4 2025 | |
| 93 | +| CheckboxGroup | 🚧 Planned | | Q4 2025 | |
| 94 | +| ToggleGroup | 🚧 Planned | | Q4 2025 | |
| 95 | +| Tree | 🚧 Planned | | Q4 2025 | |
0 commit comments