Layout and Text Primitives at Sentry

Core Principle

ALWAYS use core components from @sentry/scraps instead of creating styled components with Emotion.

Core components provide consistent styling, responsive design, and better maintainability across the codebase.

Component Implementation Reference

For the complete list of supported props and their types, refer to the implementation files:

• Layout Components: /static/app/components/core/layout/
  • container.tsx - Base container with all layout props
  • flex.tsx - Flex layout primitive
  • grid.tsx - Grid layout primitive
  • stack.tsx - Stack layout primitive (Flex with column direction by default)
• Typography Components: /static/app/components/core/text/
  • text.tsx - Text primitive