Page MenuHomePhabricator

[New component] Carousel: Add Carousel component to Codex
Open, Needs TriagePublic

Assigned To
None
Authored By
RHo
Apr 21 2021, 7:58 PM
Referenced Files
F34409768: image.png
Apr 21 2021, 7:58 PM
F34409763: image.png
Apr 21 2021, 7:58 PM
F34408672: image.png
Apr 21 2021, 7:58 PM

Description

Background

Define and add a "Carousel" component to Codex.

Description

Add a brief description of this component

User stories

Add at least one user story.

History

Describe or link to prior discussions related to this component

Known use cases

Describe known use cases for this component, including the project, team, and timeline

Existing implementations

These artifacts are listed for historical context. The figma spec, linked below, is the source of truth for the new component.

Wikimedia community:

External libraries:

  • Add links to any examples from external libraries

Codex implementation

Component task owners

  • Designer: add the main designer's name
  • Developer: add the main developer's name

Open questions

  • List any current open questions here

Design spec

Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below.

A component spec sheet has not been created yet.

Component spec sheet
Anatomy

Designer should list the structure and properties of the component.

Style

Designer should list the visual features of the component.

Interaction

Designer should list interaction specifications.

Documentation

Designer should describe how the component should be documented, including configurable and standalone demos.


Acceptance criteria

Minimum viable product

This task covers the minimum viable product (MVP) version of this component. MVP includes basic layout, default states, and most important functionality.

MVP scope

  • List all parts of the MVP scope for this component

Design

  • Design the Figma spec sheet and add a link to it in this task
  • Update the component in the Figma library. This step will be done by a DST member.

Code

  • Implement the component in Codex

Future work

  • If applicable, list future work that should be done for this component after the MVP is implemented as part of this task. You should open new, standalone tasks for all future work.

Some examples in use right now:

Growth suggested edits
image.png (842×1 px, 70 KB)
Media viewer Gallery
image.png (1×1 px, 2 MB)
Multi-step onboarding
image.png (1×832 px, 82 KB)

Event Timeline

Volker_E renamed this task from Define and add a "Carousel" component to the DSG to Define and add a "Carousel" component to the Codex.Feb 13 2025, 8:15 AM
Volker_E edited projects, added Design-System-Team, Codex; removed UI-Standardization.
Volker_E updated the task description. (Show Details)
Volker_E moved this task from Backlog to Proposed New Components on the Codex board.
bmartinezcalvo renamed this task from Define and add a "Carousel" component to the Codex to Carousel: Add Carousel component to Codex.Mar 4 2025, 6:47 PM
bmartinezcalvo updated the task description. (Show Details)
DTorsani-WMF renamed this task from Carousel: Add Carousel component to Codex to [New component] Carousel: Add Carousel component to Codex.Jul 29 2025, 2:21 PM