Table of contents

• README
• Design Systems
  • Source of truth
  • Values and principles
  • Accessibility
  • Mobile 1st
  • Flexibility
  • Atomic design
  • DS Guidelines
  • Naming convention
  • Colour
  • Colour Theming Multiplatform
  • Iconography
  • Motion
  • Layout
  • Grid
  • Tokens
• Contributing
  • Collaboration model
  • Definition of Done
  • Definition of Ready
  • Improvements
  • New components and features
  • Deprecating components
  • Reporting bugs
  • Troubleshooting
  • Development workflow
  • Commits
  • QA and UX checks
  • GitHub discussions
  • Implementation
  • Innovation
  • Judgment and decision making
  • Feedback loops
  • UX and technical Debt
  • Performance dashboard
• SUI Components
  • Tech stack
    • Node NPM
    • CSS SCSS cssInJs PostCSS
  • SUI agreements
    • SOLID
    • Browser support
    • Versioning
    • classNames
    • Boolean traps
    • Props spreading
    • isFitted
    • Reset and Normalise
    • Declarative approach
    • TypeScript
    • Deprecation
    • Retrocompatibility
  • Components
    • Props
    • State
    • Requirements and dependencies
    • Class components
    • Functional components
    • Hooks
    • Patterns
      • Custom hooks
      • Compound components
      • Controlled and Uncontrolled components
    • Antipatterns
      • Initialise state using props
      • Using index as a key
      • State mutation
  • Release process
  • SUI studio
  • SUI theme
  • Documentation library
  • Testing
• How we work with Figma
  • Teams & Projects
  • Files
  • Libraries & UI Kits
  • Handoff & QA
  • Common Library
  • Figma & Code
  • Plugins
• DesignOps Team
  • About us
  • Vision and Missions
  • Our meetings
  • Roadmap
• Community
  • Code of conduct
  • Communication
  • Twitch
  • Slack