{"id":181,"date":"2019-08-24T08:10:16","date_gmt":"2019-08-24T12:10:16","guid":{"rendered":"http:\/\/www.marshall.edu\/website\/?page_id=181"},"modified":"2026-03-02T13:58:42","modified_gmt":"2026-03-02T18:58:42","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.marshall.edu\/marsha\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p>Buttons should only be used sparingly on University websites as calls to action that need more prominence than a traditional link. Keep the number of buttons on a page limited.<\/p>\n\n\t\n<div\n\t\tclass=\"bg-red-600 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\t\t\t\t<div class=\"flex items-start justify-between shrink-0 mr-2\">\n\t\t\t\t\t<div class=\"text-gray-600 leading-none mt-0.5\"><svg data-slot=\"icon\" class=\"w-6 h-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"flex-1 mt-4 lg:ml-6 lg:mt-0 py-0 pt-4 lg:py-0 lg:px-6 border-t lg:border-t-0 lg:border-l border-gray-900\/10 font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">Buttons should <strong>only<\/strong> be used as calls to action. Avoid titles like &#8220;For Students&#8221; or &#8220;More Info&#8221;. Good titles would be &#8220;Download Forms&#8221; or &#8220;Sign Up for More Information&#8221;. If the University web team notices misuse of buttons we will reach out and work with you to correct the content.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<h2>Button Shortcode<\/h2>\n<h3>mu_button Parameters<\/h3>\n<ul>\n<li><span class=\"inline bg-red-100 text-red-700 font-bold px-2 py-1 rounded-sm uppercase text-xs mr-2 my-1\">Required<\/span><strong>Title (title): <\/strong>The text displayed in the button. Should be a call to action. Keep to 3\u20135 words. Do not include HTML or inline CSS.<\/li>\n<li><span class=\"inline bg-red-100 text-red-700 font-bold px-2 py-1 rounded-sm uppercase text-xs mr-2 my-1\">Required<\/span><strong>Link (link): <\/strong>The URL the button links to.<\/li>\n<li><strong>Type (type): <\/strong>Controls the button style. Options:\n<ul>\n<li><code>green<\/code> \u2014 Default. Green background with white text.<\/li>\n<li><code>white<\/code> \u2014 White background with green text. Use only on dark backgrounds.<\/li>\n<li><code>brown<\/code> \u2014 Brown background with white text. Used for secondary calls to action.<\/li>\n<li><code>black<\/code> \u2014 Black background with white text.<\/li>\n<li><code>clear<\/code> \u2014 Transparent background with white text. Use only on dark backgrounds.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Target (target):<\/strong> Optional. Set to <code>_blank<\/code> to open the link in a new tab. Defaults to <code>_self<\/code>.<\/li>\n<li><strong>ID (id):<\/strong> Optional. An HTML <code>id<\/code> attribute on the button.<\/li>\n<\/ul>\n\n\n\n<div class=\"flex flex-wrap justify-center items-stretch gap-8 cards-per-row-2\">\n\t\n\n\t\t\t<div class=\"card flex flex-col rounded-lg overflow-hidden relative transition-all duration-200 ease-out shadow-sm self-stretch\">\n\t\n\t\t\t\t<div class=\"absolute top-0 left-0 right-0 h-1 bg-linear-to-r from-green to-green-bright\"><\/div>\n\n\t\t<div class=\"p-6 pb-0 pt-7 bg-gray-50\">\n\t\t\t\t\t\t\t<div class=\"inline-flex items-center justify-center w-10 h-10 rounded-lg mb-4 bg-green\/10\">\n\t\t\t\t\t<svg data-slot=\"icon\" class=\"h-[18px] w-[18px] shrink-0 text-green\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"uppercase font-bold text-lg tracking-wider leading-tight text-gray-900\">\n\t\t\t\tDos\n\t\t\t<\/div>\n\n\t\t\t<div class=\"h-0.75 mt-4 w-10 bg-green\"><\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"px-6 pt-4 pb-7 flex flex-1 flex-col styled-list text-[15px] bg-gray-50 text-gray-500\">\n\t\t\t\t\t\t\t<div class=\"flex-1\">\n<ul>\n<li>Keep button text short \u2014 no more than 3\u20135 words<\/li>\n<li>Use active voice as button text<\/li>\n<li>Use <code>target=\"_blank\"<\/code> when linking to external sites<\/li>\n<\/ul>\n<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<\/div>\n\t\n\n\t\t\t<div class=\"card flex flex-col rounded-lg overflow-hidden relative transition-all duration-200 ease-out shadow-sm self-stretch\">\n\t\n\t\t\t\t<div class=\"absolute top-0 left-0 right-0 h-1 bg-linear-to-r from-green to-green-bright\"><\/div>\n\n\t\t<div class=\"p-6 pb-0 pt-7 bg-gray-50\">\n\t\t\t\t\t\t\t<div class=\"inline-flex items-center justify-center w-10 h-10 rounded-lg mb-4 bg-green\/10\">\n\t\t\t\t\t<svg data-slot=\"icon\" class=\"h-[18px] w-[18px] shrink-0 text-green\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M4.929 4.929 19.07 19.071\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"uppercase font-bold text-lg tracking-wider leading-tight text-gray-900\">\n\t\t\t\tDon&#039;ts\n\t\t\t<\/div>\n\n\t\t\t<div class=\"h-0.75 mt-4 w-10 bg-green\"><\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"px-6 pt-4 pb-7 flex flex-1 flex-col styled-list text-[15px] bg-gray-50 text-gray-500\">\n\t\t\t\t\t\t\t<div class=\"flex-1\">\n<ul>\n<li>Use a full sentence as button text<\/li>\n<li>Use a button to link to another page in body text<\/li>\n<li>Use vague labels like &#8220;Click Here&#8221; or &#8220;More Info&#8221;<\/li>\n<\/ul>\n<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t<\/div>\n\t\n\n<\/div>\n\n<h2>Button Shortcode Examples<\/h2>\n<h3>Green Button (Default)<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\t\t<a href=\"http:\/\/www.marshall.edu\" target=\"_self\" class=\"button button--secondary \">\n\t\t<span>Visit Our Website<\/span>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_button link=&quot;http:\/\/www.marshall.edu&quot; title=&quot;Visit Our Website&quot;]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>White Button<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\t\t<a href=\"http:\/\/www.marshall.edu\" target=\"_self\" class=\"button white \">\n\t\t<span>Visit Our Website<\/span>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_button link=&quot;http:\/\/www.marshall.edu&quot; title=&quot;Visit Our Website&quot; type=&quot;white&quot;]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Brown Button<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\t\t<a href=\"http:\/\/www.marshall.edu\" target=\"_self\" class=\"button brown \">\n\t\t<span>Visit Our Website<\/span>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_button link=&quot;http:\/\/www.marshall.edu&quot; title=&quot;Visit Our Website&quot; type=&quot;brown&quot;]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Black Button<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\t\t<a href=\"http:\/\/www.marshall.edu\" target=\"_self\" class=\"button black \">\n\t\t<span>Visit Our Website<\/span>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_button link=&quot;http:\/\/www.marshall.edu&quot; title=&quot;Visit Our Website&quot; type=&quot;black&quot;]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Opens in New Tab<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t\t\t<a href=\"http:\/\/www.marshall.edu\" target=\"_blank\" class=\"button button--secondary \">\n\t\t<span>Visit Marshall.edu<\/span>\n\t<\/a>\n\t\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_button link=&quot;http:\/\/www.marshall.edu&quot; title=&quot;Visit Marshall.edu&quot; target=&quot;_blank&quot;]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Buttons should only be used sparingly on University websites as calls to action that need more prominence than a traditional link. Keep the number of buttons on a page limited. Button Shortcode mu_button Parameters Title (title): The text displayed in the button. Should be a call to action. Keep to 3\u20135 words. Do not include<\/p>\n","protected":false},"author":203,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sidebar-left.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-181","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/comments?post=181"}],"version-history":[{"count":13,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/181\/revisions"}],"predecessor-version":[{"id":852,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/181\/revisions\/852"}],"wp:attachment":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/media?parent=181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}