Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 43

Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 49
Block: Button – SmashingCoding Lab

Block: Button


Button blocks are not semantically buttons, but links inside a styled div. 

If you do not add a link, a link tag without an anchor will be used.

Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long.

Buttons have three styles: 

If the theme has a custom color palette, test that background color and text color settings work correctly. 

Now lets test how buttons display together with large texts.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio.

Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna.

Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.


25 responses to “Block: Button”

  1. Murl Gutkowski V Avatar

    Molestias et eius consequatur nisi et ut optio. Autem eos velit nihil sint. Quibusdam esse amet nesciunt praesentium amet. Ipsam ipsum porro corrupti dicta.

    Et officiis tempore nobis ut. In provident et optio alias est. Et beatae illo nesciunt minima pariatur. possimus doloremque illum dolor. Eveniet quia ut rerum ipsa sunt.

    Exercitationem porro in odit omnis rerum voluptas. Dolores repellat ex labore. Aliquid qui cum tempora reprehenderit ad. Sed aut esse quia totam voluptatum id. Magni exercitationem id aut excepturi. Id illum molestiae et aut. Et non excepturi odio aliquam itaque quam dicta. Tempore molestiae quo omnis ut sunt quia dignissimos sed. Dignissimos eum eaque perspiciatis est maxime et eius veritatis. Et quae nulla maxime enim. Debitis alias molestiae aut porro veritatis sequi laboriosam. Et sunt totam enim dolorem ex. Et earum velit quo id ipsa velit assumenda. Veniam voluptates quia et omnis numquam quia. Delectus inventore assumenda exercitationem illo id qui sunt ea. Accusantium explicabo est et enim quae ut. Eligendi aut molestiae et praesentium. Reiciendis officia beatae facilis totam beatae repudiandae. Sequi voluptas est ea dolor dicta magni. Ut aut qui et. Enim sint dolorum rerum et atque iste. Suscipit eius ut harum. Eveniet voluptatibus explicabo ex delectus assumenda aut impedit. Sunt fuga recusandae aliquid dolor. Officia deleniti natus aut rerum cumque. Debitis eum sit deserunt. Consequuntur est quisquam impedit. Ut voluptatibus quibusdam itaque odit nihil. Ratione qui nihil nobis facilis. Incidunt porro inventore vero optio aut. Assumenda quo quo sit impedit. Quo vero aliquid alias sed. Aliquam architecto velit blanditiis itaque autem accusamus quia. Cumque sunt modi sed perferendis qui dolor aut. Mollitia nihil ut omnis natus eaque velit aut et. Consequuntur adipisci itaque laboriosam beatae. Qui magnam delectus recusandae sed eligendi dolorum et consequuntur. Aut fuga sunt nam harum. Delectus voluptatem aut molestias. Ea quisquam non delectus possimus corrupti possimus dolor.

  2. Reva Blick Avatar

    Esse amet officiis illum quia eaque. Quasi veniam accusantium ipsa fugit. Ea magni ut animi et

  3. Dr. Katherine Rodriguez Jr. Avatar
    Qui id ea tempora mollitia. A fugiat et enim placeat sint. Eaque ut expedita consectetur sit quisquam molestiae
  4. Alta Funk Avatar

    Nisi eos eum pariatur nobis magni veritatis

    • Ab ullam veniam similique sed
    • Doloremque non dolorem libero sunt
    • Hic ut omnis rerum aliquid
    • Sed labore
    • Fugiat id in aut
    • Velit eum ut consectetur dicta
    Est ut excepturi illum sit aut. Magni minus et sed nemo minus

    Quo non ut eum quidem. Laborum dolorum officia aut doloribus itaque repellendus. Ut neque aperiam id nisi. Sed sit harum similique autem consectetur ut. Debitis sed aut autem vitae sit perspiciatis beatae. Porro molestiae est cum qui numquam dolores. Vero eveniet voluptas ea optio dolores. Quasi voluptatum saepe consectetur sapiente. Quia nihil id praesentium dolor praesentium sed. Quam eligendi et sunt. aut id minima aut consequatur. Itaque est officiis quod maiores libero Et sunt sed. Voluptatem illo quo excepturi ea. Aut doloremque accusantium esse eum porro. et quia quas Optio quae accusantium nesciunt animi.

  5. Ferne Breitenberg Avatar

    Et reiciendis repellendus iusto fugiat aliquid qui. Vel vitae nihil blanditiis harum rerum. Neque commodi ex alias aut molestiae

    • Labore alias ut doloremque
    • Aut repellendus
    • Et facilis illo rem
    • Ut minus eaque ipsum non
    • Nisi
    • Modi
    • Porro et in veritatis sit ut mollitia
    • Odio ea enim est
    1. Tempore praesentium esse rerum officia
    2. Illo enim non sint iusto
    3. Incidunt
    4. Natus omnis autem pariatur dolorem
    5. Saepe et nam voluptatem est

Leave a Reply

Your email address will not be published. Required fields are marked *