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”

Murl Gutkowski V

April 6, 2021

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.

Reply
Reva Blick

April 6, 2021

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

Reply
Dr. Katherine Rodriguez Jr.

April 6, 2021

Qui id ea tempora mollitia. A fugiat et enim placeat sint. Eaque ut expedita consectetur sit quisquam molestiae

Reply
Alta Funk

April 6, 2021
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.
Reply
Ferne Breitenberg

April 6, 2021
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
Reply