Image answers

Use images for checkbox and radio buttons using the cf-image attribute.

<form id="form" cf-form>
	<div class="radio-control" >
		<input cf-label="AI" type="radio" cf-image="https://cdn.space10.io/media/1134/1.png" name="image-preference" tabindex="1" value="0">
		<input cf-label="Meatball" type="radio" cf-image="https://cdn.space10.io/media/1119/labs-2-1.jpg" name="image-preference" tabindex="2" value="1">
	</div>
</form>

Example

See the Pen Conversational Forms - Image answers by SPACE10 (@space10) on CodePen.