KSS Style Guide

Button outlined

Toggle example guides Toggle HTML markup

4 types of default buttons atoms

<insert-markup>blocks.buttons.outlined-</insert-markup>
Click me
.-primary
default button
<insert-markup>blocks.buttons.outlined-0</insert-markup>
Click me
.-secondary
secondary button
<insert-markup>blocks.buttons.outlined-1</insert-markup>
Click me
.-success
Success button
<insert-markup>blocks.buttons.outlined-2</insert-markup>
Click me
.-warning
Warning button
<insert-markup>blocks.buttons.outlined-3</insert-markup>
Click me
.-ghost
Ghost version button
<insert-markup>blocks.buttons.outlined-4</insert-markup>
Click me
Markup: ..\..\styleguide\templates\blocks\buttons-outlined.html 
<div class="wp-block-buttons">
   <div class="wp-block-button is-style-outline">
<a href="#" class="wp-block-button__link [modifier class]">
	Click me
</a>
   </div>
</div>
Source: ../source/sass/05-blocks/button/_style.scss, line 21