Orange-OpenSource / Orange-OpenSource/ouds-flutter

Update `alert message`, `inline alert`, `button`, `badge`, `fab`, `checkbox item`, `radio button item`, `switch item`, `suggestion chip`, `filter chip`, `link`, `select input`, `tag` and `text input` to allow the use of fixed images

Open
#779 4 comments 0 reactions 2 assignees View on GitHub

@nouha06 is already working on this.

Since May 19, 2026.

  • #948 by @nouha06 — open
⚛️ component 📖 documentation 📱 demo app 🔍 triage 🧰 library
Dominant language
Dart
Stars
10
Forks
5
Avg merge
6d 8h
Merged PRs (30d)
9

Description

Context

Today these components allow the use of decorative icons represented by an heart icon in Figma files and the color of this icon changes depending on whether the app is in light or dark mode.
The following decision has been taken during lead meeting: We need to also support the use of fixed color images at the place of the heart decorative icons.

Description

The listed components must be updated to support the use of fixed color images in addition to today's icons.
The provided images keep their original ratio and their sizes are defined by their height that must be the same as the heart icon container in each component (use the same token).

Add an exemple for each component in the demo app.

Inputs

Use the following placeholder image in the demo app to illustrate this new feature:

Image

Definition of Done

  • Update component alert message (API, doc, demo app)
  • Update component inline alert (API, doc, demo app)
  • Update component badge (API, doc, demo app)
  • Update component button (API, doc, demo app)
  • Update component FAB (API, doc, demo app)
  • Update component checkbox item (API, doc, demo app)
  • Update component radio button item (API, doc, demo app)
  • Update component switch item (API, doc, demo app)
  • Update component suggestion chip (API, doc, demo app)
  • Update component filter chip (API, doc, demo app)
  • Update component link (API, doc, demo app)
  • Update component select input (API, doc, demo app)
  • Update component tag (API, doc, demo app)
  • Update component text input (API, doc, demo app)
  • Update component list item (API, doc, demo app)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.