diff --git a/content/en/patterns/getting-started.mdx b/content/en/patterns/getting-started.mdx index a5fddf7..19a90f8 100755 --- a/content/en/patterns/getting-started.mdx +++ b/content/en/patterns/getting-started.mdx @@ -39,6 +39,16 @@ To get the most out of this documentation: 4. **Accessibility** - Pay attention to accessibility requirements for each component 5. **Best Practices** - Review the do's and don'ts before implementing +## How Would We Define “Build Effort”? + +Each pattern has a complexity indicator using this simple scale: + +| Level | Description | +| --------- | ------------------------------------------------------------------------------------------------------------------------------------- | +| 🟢 Low | Simple implementation, minimal dependencies, little to no JavaScript required (e.g., Tooltip, Expandable Text). | +| 🟡 Medium | Requires state management, user interactions, and accessibility considerations (e.g., Load More, Modal). | +| 🔴 High | Complex UI behavior, animations, accessibility, performance optimizations, and multiple edge cases (e.g., Carousel, Infinite Scroll). | + ## Contributing We welcome contributions from the community! Whether you want to: