Last active
September 22, 2020 09:10
-
-
Save carolinan/53cf8c92b77c8ad6babd3b38d0a07530 to your computer and use it in GitHub Desktop.
Content for testing forms and buttons
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- wp:group --> | |
<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:html --> | |
<label>Text field wrapped in label <input type="text"></label> | |
<br> | |
<label>Text Area <textarea></textarea></label> | |
<br> | |
<input type="radio"><label>Radio</label> | |
<br> | |
<input type="radio" checked><label>Radio Checked</label> | |
<br> | |
<input type="radio" disabled><label>Radio disabled</label> | |
<br> | |
<input type="checkbox"><label>Checkbox</label> | |
<br> | |
<input type="checkbox" checked><label>Checkbox Checked</label> | |
<br> | |
<input type="checkbox" disabled><label>Checkbox Disabled</label> | |
<br> | |
<label>Select list<br> | |
<select> | |
<option>Option one</option> | |
<option>Option two</option> | |
<option>Option three</option> | |
</select> | |
</label> | |
<br><br> | |
<label>Range <input type="range"></label> | |
<br><br> | |
<label>Range, disabled <input type="range" disabled></label> | |
<br><br> | |
<label>Date <input type="date"></label> | |
<br><br> | |
<label>Color <input type="color"></label> | |
<br><br> | |
Buttons: | |
<br> | |
<button>Button HTML tag</button> | |
<br> | |
<input type="submit"> | |
<br><br> | |
<input type="reset"> | |
<br><br> | |
<input type="submit" disabled="true" value="(disabled)"> | |
<!-- /wp:html --></div></div> | |
<!-- /wp:group --> | |
<!-- wp:buttons --> | |
<div class="wp-block-buttons"><!-- wp:button --> | |
<div class="wp-block-button"><a class="wp-block-button__link" href="#fake">filled</a></div> | |
<!-- /wp:button --> | |
<!-- wp:button {"className":"is-style-outline"} --> | |
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#fake2">outline</a></div> | |
<!-- /wp:button --> | |
<!-- wp:button {"borderRadius":20,"backgroundColor":"purple","textColor":"black"} --> | |
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-purple-background-color has-text-color has-background" style="border-radius:20px">custom</a></div> | |
<!-- /wp:button --> | |
<!-- wp:button --> | |
<div class="wp-block-button"><a class="wp-block-button__link">buttghgfhfgon</a></div> | |
<!-- /wp:button --> | |
<!-- wp:button --> | |
<div class="wp-block-button"><a class="wp-block-button__link">fgfdgdfg</a></div> | |
<!-- /wp:button --></div> | |
<!-- /wp:buttons --> | |
<!-- wp:search {"label":"Search","buttonText":"Search"} /--> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment