Skip to content

Instantly share code, notes, and snippets.

@carolinan
Last active September 22, 2020 09:10
Show Gist options
  • Save carolinan/53cf8c92b77c8ad6babd3b38d0a07530 to your computer and use it in GitHub Desktop.
Save carolinan/53cf8c92b77c8ad6babd3b38d0a07530 to your computer and use it in GitHub Desktop.
Content for testing forms and buttons
<!-- 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