Style Guide version 1.1

Radio Buttons

Radio buttons are used in the questionnaire to allow users to select between options.

Radio Buttons – Horizontal

A Selection Button can sometimes includes a description beneath it. The Non-Disclousre Agreement and Power of Attorney are examples of buttons with description text.


	<button class="largeActiveButton">Cancel Subscription</button>		
	<button class="largeInactiveButton">Cancel Subscription</button> 	
	<button class="largeActiveButton">Submit</button> 	
	<button class="largeInactiveButton">Cancel</button>
Radio Buttons – Vertical

A Selection Button can sometimes includes a description beneath it. The Non-Disclousre Agreement and Power of Attorney are examples of buttons with description text.


	<button class="largeActiveButton">Cancel Subscription</button>		
	<button class="largeInactiveButton">Cancel Subscription</button> 	
	<button class="largeActiveButton">Submit</button> 	
	<button class="largeInactiveButton">Cancel</button>
Radio Buttons – Vertical with Icons
Icon
Icon
Icon

A Selection Button can sometimes includes a description beneath it. The Non-Disclousre Agreement and Power of Attorney are examples of buttons with description text.


	<button class="largeActiveButton">Cancel Subscription</button>		
	<button class="largeInactiveButton">Cancel Subscription</button> 	
	<button class="largeActiveButton">Submit</button> 	
	<button class="largeInactiveButton">Cancel</button>
Radio Buttons – Vertical with Titles

A Selection Button can sometimes includes a description beneath it. The Non-Disclousre Agreement and Power of Attorney are examples of buttons with description text.


    <button class="largeActiveButton">Cancel Subscription</button>      
    <button class="largeInactiveButton">Cancel Subscription</button>    
    <button class="largeActiveButton">Submit</button>   
    <button class="largeInactiveButton">Cancel</button>