Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Component] Create component - Radio Button #266

Open
27 tasks
B3nz01d opened this issue Oct 31, 2024 · 1 comment
Open
27 tasks

[Component] Create component - Radio Button #266

B3nz01d opened this issue Oct 31, 2024 · 1 comment
Assignees
Labels
⚛️ component Related to a component provided by the library 📱 demo app Update of the Demo App 📖 documentation Improvements or additions to documentation 🧰 library

Comments

@B3nz01d
Copy link
Collaborator

B3nz01d commented Oct 31, 2024

Description

As a user of the OUDS library
I want to be able to use the component
So that I can add an OUDS component 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 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

Design guidelines

⚠️ No design guidelines on the website yet!

Context

The component is described in the Design tools and allows to describe the various states and variants.

Definition of Done

Main topics

  • Implement the radio component
  • Update documentation (both DocC catalog and Swift source doc)
  • Add if needed unit tests
  • Add UI tests on component look and feel

Related to implementation

For layouts:

  • default
  • inverse / RTL
  • radio only

For selection status:

  • selected
  • unselected
  • error variant

For states:

  • enabled
  • hover
  • pressed
  • read only
  • disabled

For options:

  • Icon
  • helper text
  • helper text strong
  • divider

For a11y:

  • keyboard navigation
  • Voice Over navigation
  • click on label select the box
  • check with big text sizes
  • define accessibilty label even of icon only checbkoxes

For tokenator:

  • Use of component tokens

Other details picked from playbook:
⚠️ nothing defined

Other actions:

  • Accordion with text inputs to test long label and helper texts
  • Update localizables, images
@B3nz01d B3nz01d added ⚛️ component Related to a component provided by the library 📖 documentation Improvements or additions to documentation 🧰 library 📱 demo app Update of the Demo App labels Oct 31, 2024
@pylapp pylapp changed the title [Component] Create component - - Radio Button [Component] Create component - Radio Button Jan 17, 2025
@pylapp pylapp moved this from Triage to Todo in ⚛️ [OUDS] Project Jan 20, 2025
@pylapp pylapp moved this from Todo to In Progress in ⚛️ [OUDS] Project Feb 7, 2025
@pylapp pylapp self-assigned this Feb 7, 2025
@pylapp
Copy link
Member

pylapp commented Feb 7, 2025

ℹ️ FYI I updated the issue with some details and requirements about what must be done.

@pylapp pylapp moved this from In Progress to Todo in ⚛️ [OUDS] Project Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⚛️ component Related to a component provided by the library 📱 demo app Update of the Demo App 📖 documentation Improvements or additions to documentation 🧰 library
Projects
Development

No branches or pull requests

2 participants