Skip to content

Core block: Media & Text #164

Description

@tayebmokni

Summary

Implement core/media-text: a two-column block with media (image/video) on one side and a rich-text inner block area on the other. Configurable media position (left/right), media width %, vertical alignment, and stack-on-mobile behavior.

Design reference

  • docs/04-block-editor.md §2.2 (Media & Text)

Acceptance criteria

  • Attributes: mediaUrl, mediaType (image | video), mediaPosition (left | right), mediaWidth (%), verticalAlign, stackOnMobile
  • Inner blocks slot for the text side
  • Media picker integrated with media library (image and video)
  • Static save + matching Go renderer
  • Editor canvas renders the actual layout
  • Responsive: stack below configurable breakpoint
  • alt text required when media is image (validation surfaces in inspector)

Dependencies

#134

Complexity

M

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions