Skip to the main content


Buttons

Buttons should be used for performing actions within the edX environment. While you may apply the visual style of these elements to both semantic links and buttons, a good rule of thumb is that buttons do something while links go somewhere. Buttons have several visual weights, sizes, and add-ons that can be configured alongside their use.

Buttons Preview

Default

Neutral

Brand

Buttons with icons

Combo

Inverse

Links with visual styling applied

Links without visual styling

Note: unread links use the primary color, while read/visited links use primary dark.