Masters components
All components were designed utilizing a master component. The nested master component controls the size and position of each component. This allows greater flexibility to make large scale changes to size and position elements.
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/156ee984-1a66-4d52-b2ba-f33fef59cab2_rw_1920.gif?h=8819fb92f725e8140c3df1259602ece3)
Component Examples
Desktop auto layout buttons
Mobile buttons
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/5353533e-c500-4247-b691-a3b6c0260fd8_rw_1920.png?h=4da72c8f19502fe30ed1d2bdc6f29f8c)
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/481f1938-c4b5-438c-b59f-6a4b077fe2fe_rw_1920.png?h=52950b28e2b6594ebf95cfbea774f393)
Checkboxes
Radio Buttons
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/6a582999-aed7-482e-bda0-d9e42739302a_rw_1920.png?h=ebed4a9102982e7f8b64382f5747972c)
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/49c0ce26-4297-47a3-85ea-a2cce8c3b9a1_rw_1920.png?h=6448afeaaa44148b959c4b2b4b9a490c)
Modals
Notifications
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/db4ad4b0-9908-401b-b7a4-b39bbe6ab853_rw_1920.png?h=0da9bdef2e3b05c4216b570e6668442b)
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/ab5aae1d-2151-4d97-958e-b40429151f31_rw_1920.png?h=aab568a4f243653fd53be5316fbbd95d)
Select Box
![](https://cdn.myportfolio.com/4f33fc43-474e-4752-b673-f013403aae44/0f27c55b-eead-452e-b04e-d588095f88b2_rw_1920.png?h=cddeccb8542f3700320e58f2bd610807)