Bring more attention to a link by controlling the width, color,
shape and wording of the button.
Buttons can now be used in the header. Shapes, color and text
alignment are ignored. 'Side by side' buttons are now truly side by
side.
> read more about the digital brand
transition
> read
more about changes to this component
The component as it first appears on the page, showing the default "Learn more" text in a gray box.
Add the component to the page. There are two tabs, Button Linked and Advanced.
This component can be placed in the main body of your page, in
the right sidebar or on a homepage. When it is first placed on the
page, the default "Learn more" text is displayed, in a gray
box.
Note: the Button component uses CSS3 and may look slightly different depending on the Web browser being used.
The component opened for editing showing the Button Link tab settings.
The Advanced tab allows you to customize the component by choosing the width, color, shape and text alignment.
The component opened for editing showing the Advanced tab settings.
| At a Glance |
|---|
| Can now be used in the header. |
| Shapes and text alignment are ignored. |
| 'Side by side' buttons are truly adjacent. |
In the new brand, this component can be used in the Header.
Shapes and text alignment will be ignored, and 'side by side' buttons are truly side by side (see examples below).
Example of old brand version. Rounded buttons are stacked vertically despite being side-by-side.
Example of new brand version. The buttons default to rectangles, but are correctly placed side by side.
None.
Was this page helpful?
April 21, 2017