Orange-OpenSource / Orange-OpenSource/ouds-flutter

[Component] Create component - Quantity input (v1.3.1)

Open
#399 2 comments 0 reactions 2 assignees View on GitHub

Nobody has claimed this yet.

⚛️ component ⚠️ on hold 📖 documentation 📱 demo app 🔍 triage 🧰 library
Dominant language
Dart
Stars
10
Forks
5
Avg merge
6d 8h
Merged PRs (30d)
9

Description

Description

As a user of the library
I want to be able to use the component quantity input
So that I can add configurable quantity input in my own projects

As a user of the library
I want to be able to use the component
So that I have access to the documentation on how to use it

As a user of the Design System Toolbox
I want to access the component
So that I can understand how to use it:

  • while using the demo app I can interact with the available options and observe the changes on the component itself
  • I can see the code associated to the component customization
  • I can copy and paste the code from the app based on the selected customization
  • or when looking into the code of the app itself, I would also understand how to use it

About v1.3.1

Verbatims of @TonyAntonyHello:

For "Loading" state
- Loading state button was updated.
- Absolute positioning has been removed and replaced with Auto Layout.
- The container now uses: ouds/button/space/inset/icon-only-default
Inside the container, the Circular Progress Indicator uses:ouds/button/space/inset/progress-indicator-only-default

See Figma reference

About v1.3

Verbatims of @MaximeTonnerre:

Release note:
- The input text reference changes from a regular weight (font-weight-label-default) to a medium weight (font-weight-label-moderate).
- Removal of the component’s max-width to avoid blocking certain layouts and to provide greater flexibility of use. The max-width values remain available in the design documentation.

See Figma reference

Design guidelines

unified-design-system.orange.com

Context

The component is described in the Figma board, and is available in version v1.2.0

Definition of Ready

To be defined

Definition of Done

Properties to manage

  • Outlined
  • Rounded corner
  • Actions placement
  • Input status
  • State
  • Error
  • Leading icon
  • Label (bool)
  • Label (text)
  • Placeholder
  • Input text
  • Suffix
  • Helper text (bool)
  • Helper text (text)
  • Error empty text
  • Error filled text

Others

  • Implementement Initial settings
  • Update tests
  • Update documentation
  • Update design system toolbox 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.