2026-10-03 12:01:42 +02:00
|
|
|
@inherits DComponentBase
|
|
|
|
|
|
|
|
|
|
@* daisyUI Text rotate: https://daisyui.com/components/text-rotate/ . Loops through 2-6 lines, one at a time, pausing on
|
|
|
|
|
hover. The lines are Items, or <span> children in ChildContent (for per-line classes). Set the loop time with a
|
|
|
|
|
duration-* in Class (default 10s). *@
|
|
|
|
|
<span @attributes="AdditionalAttributes" class="@Cx("text-rotate", Class)">
|
|
|
|
|
<span class="@(Centered ? "justify-items-center" : null)">
|
2026-11-10 01:26:39 +01:00
|
|
|
@foreach (var item in Items.Take(6))
|
2026-10-03 12:01:42 +02:00
|
|
|
{
|
2026-11-10 01:26:39 +01:00
|
|
|
<span>@item</span>
|
2026-10-03 12:01:42 +02:00
|
|
|
}
|
|
|
|
|
@ChildContent
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
@code {
|
2026-11-10 01:26:39 +01:00
|
|
|
[Parameter] public IEnumerable<string> Items { get; set; } = [];
|
2026-10-03 12:01:42 +02:00
|
|
|
[Parameter] public RenderFragment ChildContent { get; set; }
|
|
|
|
|
/// <summary>Centre the lines horizontally.</summary>
|
|
|
|
|
[Parameter] public bool Centered { get; set; }
|
|
|
|
|
}
|