Open Patrick-Daly-AA opened 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
redesign on auro-button to expose css parts
<auro-countergroup>
prop
state
event listen (input)
event fire (input)
function
validate
<auro-counter>
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
As a Designer, I want Auro-Counter to be created So that it can be implemented on the website to match our designs
redesign on auro-button to expose css parts
<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 childrenevent fire (input)
Share global valuefunction
apply globalMax or globalMin to counters on value state changevalidate
throw error on undefined or value outside out of range programmatically changed<auro-counter>
prop
minprop
maxprop
labelvalidate
throw error on undefined or value outside out of range programmatically changedaccesabilty 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