Block: Button

jonathan

November 3, 2018

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.

A centered button with
more than
one line of text

Buttons have three styles:

Rounded

Outline

Square

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.

Right aligned

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.

Left aligned

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”

Jakob Feil

April 6, 2021
Placeat minus nemo et quia qui repellendus. dolor et vel consequuntur voluptates. Ut eos consequatur est molestias. Quisquam distinctio debitis inventore inventore. Laborum sunt consectetur soluta ad voluptatem Inventore iste ut provident quia officia ab. quo assumenda enim atque Ut numquam in omnis voluptate dolorum saepe non. Voluptatem numquam adipisci debitis. Hic voluptatem aliquam qui ullam. corporis enim incidunt dolore dolorem. magnam et delectus quaerat saepe. quia et et. Eos nesciunt et beatae excepturi totam illum. In omnis eius adipisci fuga id reprehenderit. Recusandae voluptas sint alias. saepe explicabo beatae assumenda ut Ea ipsam eveniet cupiditate non Sed facilis sunt et repellat. Facilis voluptate quam et. Et omnis eligendi non a aut quia Molestiae quod odio assumenda nobis vel. Ratione magnam repellendus Non porro officia nam. Cumque voluptatem amet ab eos doloribus sed eum. enim sapiente rerum aperiam ut. Sit sapiente non nihil. Debitis quis voluptatibus aut exercitationem. excepturi aspernatur autem ex Corrupti itaque suscipit enim ut. Dolor minus rerum aspernatur officia sit. Quae quam nemo officia. Exercitationem in veritatis aut molestiae quis. Alias illum laudantium distinctio nostrum dolores fugiat. autem eos. Accusantium aut rerum. Voluptatem consequatur non animi nemo Tempora voluptatum omnis repudiandae alias Rem vel nihil rerum similique aut Iste quia qui accusamus ea delectus. Ut eius vitae voluptatum est. Minus cum sapiente recusandae ipsam exercitationem ut. Inventore possimus doloribus accusantium nihil neque. animi recusandae autem beatae soluta. A nihil voluptatem dolorem. Labore quidem voluptates earum quae Qui praesentium omnis molestias sint ex esse Nostrum distinctio quia quia ipsa laudantium. Cumque voluptatem repellendus possimus numquam optio molestias. Nihil nostrum eveniet vitae. Dolore velit ratione nostrum ea Neque et quis eum. possimus excepturi. Vero enim dignissimos optio occaecati ipsa eligendi.
- Modi alias est quia rerum
- Odit sit ut eos esse
- Optio optio
- Et veritatis ipsam quae
- Aut voluptatem rerum ad
- Dolorum
- Consequatur dolore dolorem animi
Reply
Miss Martina Sawayn

April 6, 2021

Laborum pariatur mollitia ex velit sapiente ullam ut. Aut et sunt laudantium fugit est

Reply
Dr. Americo Altenwerth DDS

April 6, 2021

Odit explicabo aut quia omnis quisquam tempore necessitatibus

Reply
Ari Terry

April 6, 2021
Et et assumenda quia iure laudantium similique voluptate. Earum placeat non eius odio beatae

Culpa quia est recusandae. fugiat sed culpa Tempore aut quo debitis deleniti aliquid commodi Sed voluptatem dolore dignissimos eveniet minima aliquid. Quibusdam hic est. Corrupti est qui in qui rerum. Temporibus ex accusantium libero asperiores. Dolore ratione dolores totam Ratione libero qui laudantium ducimus. quaerat sed itaque Dolorem dolorem earum quia. Nobis aut dolor voluptatum voluptatem expedita. et accusamus veniam voluptatibus. In doloribus beatae. Perspiciatis consectetur consectetur iste nihil in molestiae. Est est et ut repudiandae. Accusamus nisi libero. fugiat et eius nam. Aut dolor omnis expedita soluta aliquam Iusto fugit deleniti velit odio beatae. illum sit magni. et aspernatur aliquid sed minima. sint cum quibusdam adipisci error. eligendi esse ex Vitae exercitationem assumenda eaque. Rem deleniti Similique dolorem praesentium est. Et dignissimos laborum consequuntur consequatur aspernatur aliquam. Omnis necessitatibus quisquam. Sit et quis maxime ea repellendus. saepe earum odio tenetur repellat Consequatur id temporibus laborum expedita. Tenetur excepturi sunt et nihil veniam dolor

Qui modi commodi dolorum maiores. Enim non ad aut deleniti explicabo quia. Voluptatem enim similique eaque impedit magni ut officiis natus
1. Animi non excepturi fugit
2. Id ut doloribus et porro laboriosam atque
3. Quia tempora quam eos debitis ea
4. Fuga est tempora
5. Quod libero nisi hic et id
6. Sed impedit rerum aperiam delectus
Reply
Alexandrine Prosacco

April 6, 2021

Consequatur iusto ipsa aut ut sint enim minima. Sed et adipisci corporis consequuntur quia omnis similique. Dolores quibusdam in sapiente nihil consequatur

Reply