@@ -66,55 +66,55 @@ ReactDom.render(
6666 < h4 > Button colors</ h4 >
6767 < Grid columns = { 7 } gap = { 4 } className = "mb-8" >
6868 < div >
69- < Button variant = { Variant . RED } > Rood</ Button >
69+ < Button variant = { Variant . RED } block > Rood</ Button >
7070 </ div >
7171 < div >
72- < Button variant = { Variant . PINK } > Roze</ Button >
72+ < Button variant = { Variant . PINK } block > Roze</ Button >
7373 </ div >
7474 < div >
75- < Button variant = { Variant . PURPLE } > Paars</ Button >
75+ < Button variant = { Variant . PURPLE } block > Paars</ Button >
7676 </ div >
7777 < div >
78- < Button variant = { Variant . DEEP_PURPLE } > Diep-paars</ Button >
78+ < Button variant = { Variant . DEEP_PURPLE } block > Diep-paars</ Button >
7979 </ div >
8080 < div >
81- < Button variant = { Variant . INDIGO } > Indigo</ Button >
81+ < Button variant = { Variant . INDIGO } block > Indigo</ Button >
8282 </ div >
8383 < div >
84- < Button variant = { Variant . BLUE } > Blauw</ Button >
84+ < Button variant = { Variant . BLUE } block > Blauw</ Button >
8585 </ div >
8686 < div >
87- < Button variant = { Variant . LIGHT_BLUE } > Lichtblauw</ Button >
87+ < Button variant = { Variant . LIGHT_BLUE } block > Lichtblauw</ Button >
8888 </ div >
8989 < div >
90- < Button variant = { Variant . TEAL } > Teal</ Button >
90+ < Button variant = { Variant . TEAL } block > Teal</ Button >
9191 </ div >
9292 < div >
93- < Button variant = { Variant . GREEN } > Groen</ Button >
93+ < Button variant = { Variant . GREEN } block > Groen</ Button >
9494 </ div >
9595 < div >
96- < Button variant = { Variant . LIGHT_GREEN } > Lichtgroen</ Button >
96+ < Button variant = { Variant . LIGHT_GREEN } block > Lichtgroen</ Button >
9797 </ div >
9898 < div >
99- < Button variant = { Variant . LIME } > Limoen</ Button >
99+ < Button variant = { Variant . LIME } block > Limoen</ Button >
100100 </ div >
101101 < div >
102- < Button variant = { Variant . YELLOW } > Geel</ Button >
102+ < Button variant = { Variant . YELLOW } block > Geel</ Button >
103103 </ div >
104104 < div >
105- < Button variant = { Variant . AMBER } > Amber</ Button >
105+ < Button variant = { Variant . AMBER } block > Amber</ Button >
106106 </ div >
107107 < div >
108- < Button variant = { Variant . ORANGE } > Oranje</ Button >
108+ < Button variant = { Variant . ORANGE } block > Oranje</ Button >
109109 </ div >
110110 < div >
111- < Button variant = { Variant . BROWN } > Bruin</ Button >
111+ < Button variant = { Variant . BROWN } block > Bruin</ Button >
112112 </ div >
113113 < div >
114- < Button variant = { Variant . GRAY } > Grijs</ Button >
114+ < Button variant = { Variant . GRAY } block > Grijs</ Button >
115115 </ div >
116116 < div >
117- < Button variant = { Variant . BLUE_GRAY } > Blauwgrijs</ Button >
117+ < Button variant = { Variant . BLUE_GRAY } block > Blauwgrijs</ Button >
118118 </ div >
119119 </ Grid >
120120 </ Card . Content >
0 commit comments