Add 'Build' primary button example (#370)

jenkinsci · Jan 6, 2025 · 5a69266 · 5a69266
1 parent 28150ef
commit 5a69266
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 13 deletions.
diff --git a/src/main/resources/io/jenkins/plugins/designlibrary/Buttons/index.jelly b/src/main/resources/io/jenkins/plugins/designlibrary/Buttons/index.jelly
@@ -43,18 +43,6 @@ THE SOFTWARE.
       </s:group>
     </s:section>
 
-    <s:section title="${%modifiers}" description="${%modifiers.description}">
-      <s:group>
-        <s:preview>
-          <button class="jenkins-button jenkins-!-destructive-color">Destructive</button>
-        </s:preview>
-        <s:code file="destructive.jelly" />
-      </s:group>
-      <p class="jdl-section__description">
-        ${%destructive.description}
-      </p>
-    </s:section>
-
     <s:section title="${%tertiary}" description="${%tertiary.description}">
       <s:group>
         <s:preview>
@@ -73,6 +61,30 @@ THE SOFTWARE.
       </s:group>
     </s:section>
 
+    <s:section title="${%modifiers}" description="${%modifiers.description}">
+      <s:group>
+        <s:preview>
+          <button class="jenkins-button jenkins-button--primary jenkins-!-build-color">
+            <l:icon src="symbol-play" />
+            Build
+          </button>
+        </s:preview>
+        <s:code file="build.jelly" />
+      </s:group>
+      <s:group>
+        <s:preview>
+          <button class="jenkins-button jenkins-!-destructive-color">
+            <l:icon src="symbol-trash" />
+            Delete
+          </button>
+        </s:preview>
+        <s:code file="destructive.jelly" />
+      </s:group>
+      <p class="jdl-section__description">
+        ${%destructive.description}
+      </p>
+    </s:section>
+
     <s:section title="${%copy}" description="${%copy.description}">
       <s:group>
         <s:preview>

diff --git a/src/main/webapp/Buttons/build.jelly b/src/main/webapp/Buttons/build.jelly
@@ -0,0 +1,4 @@
+<button class="jenkins-button jenkins-button--primary jenkins-!-build-color">
+  <l:icon src="symbol-play" />
+  Build
+</button>
diff --git a/src/main/webapp/Buttons/destructive.jelly b/src/main/webapp/Buttons/destructive.jelly
@@ -1 +1,4 @@
-<button class="jenkins-button jenkins-!-destructive-color">Destructive</button>
+<button class="jenkins-button jenkins-!-destructive-color">
+  <l:icon src="symbol-trash" />
+  Delete
+</button>