diff --git a/example/src/Examples/IconButtonExample.tsx b/example/src/Examples/IconButtonExample.tsx index 5fb463880b..5d83d922d6 100644 --- a/example/src/Examples/IconButtonExample.tsx +++ b/example/src/Examples/IconButtonExample.tsx @@ -9,10 +9,33 @@ const ButtonExample = () => { - {}} /> - {}} /> - {}} /> - {}} loading /> + {}} + aria-label="Camera default" + /> + {}} + aria-label="Camera default selected" + /> + {}} + aria-label="Camera default disabled" + /> + {}} + loading + aria-label="Camera default loading" + /> @@ -23,6 +46,7 @@ const ButtonExample = () => { mode="contained" size={24} onPress={() => {}} + aria-label="Camera contained" /> { selected size={24} onPress={() => {}} + aria-label="Camera contained selected" /> { disabled size={24} onPress={() => {}} + aria-label="Camera contained disabled" /> { loading size={24} onPress={() => {}} + aria-label="Camera contained loading" /> @@ -56,6 +83,7 @@ const ButtonExample = () => { mode="contained-tonal" size={24} onPress={() => {}} + aria-label="Camera contained tonal" /> { mode="contained-tonal" size={24} onPress={() => {}} + aria-label="Camera contained tonal selected" /> { disabled size={24} onPress={() => {}} + aria-label="Camera contained tonal disabled" /> { size={24} onPress={() => {}} loading + aria-label="Camera contained tonal loading" /> @@ -89,6 +120,7 @@ const ButtonExample = () => { mode="outlined" size={24} onPress={() => {}} + aria-label="Camera outline" /> { mode="outlined" size={24} onPress={() => {}} + aria-label="Camera outlined selected" /> { disabled size={24} onPress={() => {}} + aria-label="Camera outlined disabled" /> { size={24} onPress={() => {}} loading + aria-label="Camera outlined loading" /> @@ -122,6 +157,7 @@ const ButtonExample = () => { size={24} iconColor={Palette.tertiary50} onPress={() => {}} + aria-label="Lock" /> { size={24} iconColor={Palette.tertiary50} onPress={() => {}} + aria-label="Eye square" /> { contentStyle={styles.contentPadding} iconColor={Palette.tertiary50} onPress={() => {}} + aria-label="Eye slightly rounded" /> { size={24} iconColor={Palette.tertiary50} onPress={() => {}} + aria-label="Heart contained tonal" /> { size={24} iconColor={Palette.tertiary50} onPress={() => {}} + aria-label="Heart outlined" + /> + {}} + aria-label="Camera medium" /> - {}} /> {}} containerColor={Palette.tertiary60} + aria-label="Lock medium with container color" + /> + {}} + aria-label="Heart large" + /> + {}} + loading + aria-label="Heart large loading" /> - {}} /> - {}} loading />