AlaskaAirlines / auro-form

Custom element that ....
https://auro.alaskaair.com/components/auro/form
Apache License 2.0
0 stars 0 forks source link

Create Auro-Counter Component #54

Open Patrick-Daly-AA opened 4 days ago

Patrick-Daly-AA commented 4 days ago

As a Designer, I want Auro-Counter to be created So that it can be implemented on the website to match our designs

  1. redesign on auro-button to expose css parts

  2. <auro-countergroup>

    • prop min (global)
    • prop max (global)
    • state value is sum of auro-counter(s)
    • event listen (input) Increment or decrement of value of children
    • event fire (input) Share global value
    • function apply globalMax or globalMin to counters on value state change
    • validate throw error on undefined or value outside out of range programmatically changed
  3. <auro-counter>

    • prop min
    • prop max
    • prop label
    • default value = 0 or min
    • validate throw error on undefined or value outside out of range programmatically changed

accesabilty announce value change accesabilty focus on increment first?

(above specs are subject to change as build progresses)

Figma Design Doc: https://www.figma.com/design/HNfm0vhGSsziRMvVcB2wfF/Counter?node-id=2450-3134&t=D9J9iu5eSzqlOa6L-1