{"id":71232,"date":"2021-12-30T12:00:17","date_gmt":"2021-12-30T12:00:17","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=71232"},"modified":"2023-05-17T09:58:40","modified_gmt":"2023-05-17T09:58:40","slug":"button","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/button\/","title":{"rendered":"Button block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Button
GUTENBERG<\/span> block<\/h1>

A custom block that comes with several layouts &
types you can combine to create your perfect button<\/p>

\n
TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Three button layouts available<\/span><\/h5>

Filled Buttons<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/span>\n<\/path>\n<\/svg>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Easily switchable<\/span><\/h6>

Button Sizes<\/h2>

Choose one of several predefined button sizes and adapt them to your liking.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Include borders and icons<\/span><\/h5>

Outlined Buttons<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/span><\/span><\/span><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Typography and more<\/span><\/h6>

Custom Fonts<\/h2>

Choose from 900+ Google Fonts, adjust the font size, font weight, text transform style, letter spacing and more.<\/p><\/div><\/div>\n\n\n\n

<\/div>
\n
\n
View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
View More<\/span><\/a><\/div>\n\n\n\n
View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Simple buttons with text<\/span><\/h5>

Textual Buttons<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n\n\t<\/polygon>\n\t<\/polyline>\n\t<\/polyline>\n<\/g>\n<\/svg>\n\n\t<\/polygon>\n\t<\/polyline>\n\t<\/polyline>\n<\/g>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n
<\/div>
\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

On top of being able to choose layouts, you also get 3 button types you can pick: standard, inner borders & boxed icon.<\/p><\/div><\/div>\n\n\n\n

View More<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Pick your style of buttons! Button custom block comes with three basic layout styles – filled, outlined and textual.<\/p><\/div><\/div>\n\n\n\n

View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n

Customize every aspect of your buttons to the fullest – adjust typography, button styles, button size, feature icons & more.<\/p><\/div><\/div>\n\n\n\n

\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-71232","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/71232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=71232"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/71232\/revisions"}],"predecessor-version":[{"id":85271,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/71232\/revisions\/85271"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=71232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}