Merge pull request #2 from grebaldi/feature/btn-success

FEATURE: Add remaining button variants
bwaidelich · Jan 30, 2024 · 3def4f0 · 3def4f0
2 parents 1ac3deb + df4e0ee
commit 3def4f0
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/Resources/Private/Fusion/Components/Button.fusion b/Resources/Private/Fusion/Components/Button.fusion
@@ -55,6 +55,11 @@ prototype(NeosBE:Button) < prototype(Neos.Fusion:Component) {
     # If set to `true` the button is highlighted as a dangerous button (usually with orange/red colors)
     isDangerous = false
 
+    # If set to `true` the button is highlighted as a success button (usually with green color)
+    isSuccess = false
+
+    # If set to `true` the button is highlighted as a warning button (usually with yellow color)
+    isWarning = false
 
     # If set, the button will link to the specified module (e.g. "administration/users"). This can be combined with  `action`, `arguments` and `addQueryString`
     module = ''
@@ -78,7 +83,13 @@ prototype(NeosBE:Button) < prototype(Neos.Fusion:Component) {
     modal = ''
 
     renderer.@context {
-        class = ${'neos-button' + (props.isPrimary ? ' neos-button-primary' : '') + (props.isDangerous ? ' neos-button-danger' : '')}
+        class = ${[
+            'neos-button',
+            props.isPrimary && 'neos-button-primary',
+            props.isDangerous && 'neos-button-danger',
+            props.isSuccess && 'neos-button-success',
+            props.isWarning && 'neos-button-warning'
+        ]}
         content = Neos.Fusion:Case {
             withIcon {
                 condition = ${!String.isBlank(props.icon)}