Use Kite to create a custom input field with a ton of awesome micro-interactions. Kite generates the Swift code that forms the basis of the control, but we'll have to take some steps to make it production-ready.
This first episode is all about just getting our sketch design into Kite and animating it. With Kite being so new, we figured a quick refresher is in order!
Code export is finally available in Kite, and we'll use it to get our checkbox out and into Xcode as Swift code. It's a great starting point for customization, as all the...
Out of the box, the code from Kite won't function as a checkbox, but it's not too hard to get it to happen.
To make this truly useful, it needs some properties exposed that will make it easier to customize when used in code.
The finishing touch for this checkbox component is an initializer that sets it up with the desired text, and we'll fix the frame based on the length of text.