Merge pull request #2731 from Leantime/steps-component

Added steps component
Leantime · Oct 10, 2024 · 853b832 · 853b832
2 parents 9a2216d + 7d5c4b1
commit 853b832
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/app/Views/Templates/components/navigations/steps/content.blade.php b/app/Views/Templates/components/navigations/steps/content.blade.php
@@ -0,0 +1,17 @@
+@props([
+ 'contentRole' => 'primary', //primary, secondary, accent 
+ 'data' => null
+])
+
+@php
+ $contentClass = $contentRole ? 'step-'.$contentRole : '';
+ $attributes = $attributes->class(['step '.$contentClass]);
+ 
+ if ($data !== null) {
+ $attributes = $attributes->merge(['data-content' => $data]);
+ }
+@endphp
+
+<li {{ $attributes }} >
+ {{ $slot }}
+</li>
diff --git a/app/Views/Templates/components/navigations/steps/index.blade.php b/app/Views/Templates/components/navigations/steps/index.blade.php
@@ -0,0 +1,13 @@
+@props([
+ 'variant' => 'horizontal', //horizontal, vertical
+ 'classExtra' => '',
+ 'contents',
+])
+
+@php 
+ $variantClass = $variant === "vertical" ? 'steps-'.$variant : '';
+@endphp
+
+<ul {{ $attributes->merge(['class' => 'steps '.$variantClass.' '.$classExtra]) }}>
+ {{ $contents }}
+</ul>