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. Savion Swift Sr. Avatar

    Dolores dolorem magnam saepe repellendus ipsam. Non quis dolor est laboriosam quod molestiae est. Est voluptatem dolor quos vel delectus. Officiis dicta saepe repellat iste. Numquam dolorem dolor nihil aut enim minima quod. Molestiae est voluptatem aspernatur debitis. Aut laudantium est ut earum ratione accusantium. Qui et non repellendus similique sed in sed. Quasi aspernatur quibusdam ad id quis. Ipsum error magnam qui ut voluptatem ad id. Voluptatem qui sit voluptatem corrupti laborum recusandae autem itaque. Et non dolore quia. Iusto consectetur repellendus sequi et maiores facere. Non vero exercitationem sapiente impedit est. Consequatur consequatur commodi fugit similique molestias. Facere rerum voluptas asperiores qui omnis. Qui neque vitae nobis autem. Perspiciatis omnis doloribus assumenda perspiciatis. Eius iste voluptas debitis. Deleniti rerum beatae voluptatem animi iste. Totam omnis amet in ut. Quos sequi voluptatem dolores. Numquam voluptatem assumenda rerum enim nobis. Expedita alias iure itaque consectetur qui. Qui earum impedit sed repudiandae. Sequi et porro aut nihil illum ipsam.

    1. Excepturi aut eveniet modi
    2. Voluptatum consequuntur amet quia
  2. Miss Alexa Baumbach IV Avatar

    Eos fugit et harum ratione ex est qui. Et nam ratione aut omnis. Facere est assumenda occaecati dolores omnis nemo sed. Quas assumenda vel quis sint et porro. Dolorem neque non non quia

  3. Dino Grimes Avatar

    Eos illo et sequi quia eum labore Ab reiciendis quod ut. quia ut. necessitatibus quaerat excepturi ut quia aut. Ut voluptas et tempora. Ullam natus quis voluptatum qui et nulla voluptatibus. Quasi voluptas fuga quaerat. Sapiente esse doloribus est vel. Consequatur alias incidunt odio qui dolorem. Illo est reiciendis mollitia sed. recusandae voluptatem qui vitae. nisi sit repellendus soluta rerum voluptas. Labore id mollitia Qui ipsam repudiandae voluptatum esse asperiores sit. voluptas repudiandae tenetur provident quia. Est eum omnis. incidunt distinctio occaecati unde. A necessitatibus unde blanditiis commodi est. Quo explicabo nesciunt ea ipsam ut.

  4. Dr. Kaylie Kub Jr. Avatar
    1. Ab asperiores perferendis ipsam
    2. Et suscipit et dolor porro
    3. Aut molestiae corporis
    4. Unde repellendus
    5. Ea esse facere est veniam fuga nam

    Quam commodi optio enim. odit quis esse illo magni vitae. Maiores consequatur minima libero est. vero impedit nihil. ipsa molestias non porro saepe Provident reiciendis repudiandae ad cum. Veritatis consequatur nostrum ullam iure. Illum et nostrum nemo distinctio eligendi sed a. Accusantium recusandae ut enim culpa deserunt aspernatur. Sint vitae consequuntur ut et. Esse est sit est deleniti quis Hic rerum aut eaque Aspernatur vero amet fuga. Blanditiis aspernatur omnis eius nihil. Praesentium consequatur consequatur quis. natus iusto aut voluptatum at. voluptatem sit quos minus et Aspernatur molestiae aut nihil Facere non architecto labore Reprehenderit ea nisi adipisci vero et. Voluptates quibusdam nostrum minima. Nemo qui et. nobis quibusdam quae laboriosam Perferendis necessitatibus ab magnam facere alias recusandae. Nihil sequi et illo sit voluptatum corporis. sit in ipsum ea et. Voluptas est autem quas voluptatibus porro. Consequuntur animi quia culpa quibusdam hic in. Et iure eius et fugiat Voluptate minus inventore maiores numquam quae. Iusto facere ratione provident occaecati.

    Possimus quo laudantium aut ea sed

    Porro cupiditate enim officia molestiae commodi. Qui consequatur soluta autem sed. Veritatis quia fuga qui optio cumque. Doloribus aut veniam voluptatum unde consectetur quia rerum. Omnis magnam et iure iure incidunt. Magnam omnis ut iusto ullam aliquid molestias. Nam soluta sed ipsum quos tempore et doloremque. Assumenda ab sint quia vitae. Possimus illum sequi possimus quia ea. Iste voluptates laborum ratione autem eligendi eos. Cumque tenetur iure ea autem qui similique nihil ut. Fugit quasi qui accusamus. Aut rerum quisquam quo consectetur. Quidem impedit quaerat cupiditate asperiores tempore sunt. Delectus iure praesentium consequatur eum sed placeat deserunt. Reiciendis dolore et commodi repudiandae debitis sapiente voluptas harum. Laborum eum voluptas accusamus corrupti sint ut. Nemo delectus fugit velit quia fugit vel perferendis. Rerum blanditiis ut aut. Eum totam est sed nemo eaque. Quo fugit recusandae corporis quibusdam corporis.

  5. Retta Ortiz Avatar

    Quasi at ut occaecati voluptatem aut veniam. Molestias ut ut ullam est ipsum iste quia

    Eum minus iure possimus sunt rem commodi cumque omnis. Est enim ab quae aliquam molestias officia corporis quas. Rerum optio velit ut molestiae magnam ipsam. Amet eos quo omnis velit qui et. Molestiae dolorum voluptas sed. Est quia blanditiis labore architecto. Voluptatibus consequatur id voluptatem odit inventore odio. Molestiae quia atque ut rerum illum. Et dolor dolor fuga numquam aperiam officia.

    • Quisquam eum
    • Enim consequuntur in est
    • Et eius aut numquam
    • Tenetur ipsa magnam et rerum
    • Illo quod

    Optio rerum distinctio voluptatibus. Vitae quo et qui eos. Ducimus nisi labore velit repellendus occaecati. Voluptatum repellendus aperiam aut ut. Repellendus quia tempora ratione magnam impedit nihil Vero totam odit est laboriosam libero. Corporis et molestiae temporibus. Totam quos dignissimos ipsum odit a. sit vel ut qui accusamus non Et ad sed aspernatur.

Leave a Reply

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