A button is a small module which only allows for a short piece of text, and a single click action. Because of their limited size and capabilities, button modules are best used for short messages, such as calling out a new site feature, or directing a user to a new piece of content.
position
Positition of the button module relative to the browser window.
position string |
|
| Value | Behavior |
|---|---|
| top-left | default display the module in the top left corner of the window |
| top-right | display the module in the top right corner of the window |
| left | display the module so that it sticks to the left side of the window |
| right | display the module so that it sticks to the right side of the window |
| bottom-right | display the module in the bottom right corner of the window |
| bottom-left | display the module in the bottom left corner of the window |
Positions - Live Preview
positionSelector
Optionally define the DOM selector of the parent element you would like to insert the module into an element besides the document body.
Note: Because buttons use the position: fixed css rule your button may or may not "appear" within your selected element, so while the HTML for your button will be inserted into the DOM element defined by positionSelector it will appear fixed and full width on the page.
positionSelector string |
|
| Value | Behavior |
|---|---|
| selector | Javascript selector of an existing div on the page where the module should appear. |