Shaunebu.MAUI.Controls 1.0.1

MAUI Controls Library by Shaunebu

<a href="https://www.buymeacoffee.com/jorgepd" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" align="left" style="height: 37px !important;width: 170px !important;" ></a> <br>

📦 Included Controls

| Control | Description | Documentation | |---------|-------------|---------------| | FloatingChatButton | Smart circular action button with chat features | Details | | KanbanBoard | Drag-and-drop task management board | Details | | DockLayout | Edge-docking container with priority and animation support | Details |

✨ FloatingChatButton

Shaunebu.Controls.FloatingChatButton

Features

• 360° position anchoring
• Unread message counter badge
• Pulse animation effect
• Customizable SVG/PNG icon support

<controls:FloatingChatButton
    BadgeCount="{Binding UnreadMessages}"
    ButtonColor="#FF4081"
    Command="{Binding OpenChatCommand}"/>

✨ Kanban Board

Shaunebu.Controls.KanbanBoard

Features

• Dynamic column generation
• Smooth drag-and-drop operations
• Custom card and header templates
• Status tracking with visual indicators

<controls:KanbanBoard
    ItemsSource="{Binding Tasks}"
    StatusesSource="{Binding Statuses}"
    DragOverColor="#33FF0000"
    DragLeaveColor="#F5F5F5">
    
    <kanban:KanbanBoard.CardItemTemplate>
        <DataTemplate>
            <Frame BackgroundColor="{Binding CategoryColor}"
                   CornerRadius="8">
                <Label Text="{Binding Title}" />
            </Frame>
        </DataTemplate>
    </kanban:KanbanBoard.CardItemTemplate>
    
    <kanban:KanbanBoard.ColumnHeaderTemplate>
        <DataTemplate>
            <Label Text="{Binding}" 
                   FontAttributes="Bold"/>
        </DataTemplate>
    </kanban:KanbanBoard.ColumnHeaderTemplate>
</kanban:KanbanBoard>

✨ DockLayout

Shaunebu.Controls.DockLayout

Features

• Edge Docking (Top/Left/Right/Bottom/Fill)
• Auto-fill last child (LastChildFill)
• Priority Control (DockPriority)
• Smart Spacing between elements
• Animated Transitions
• Size Constraints (Min/Max)

<controls:DockLayout 
    Spacing="5" 
    LastChildFill="True"
    AnimateResize="True">
    
    
    <Label DockLayout.Dock="Top" 
           Text="Header" 
           HeightRequest="50"/>

    
    <BoxView DockLayout.Dock="Left" 
             WidthRequest="100"
             DockLayout.MinDockSize="80,0"/>

    
    <Frame DockLayout.Dock="Fill"
           CornerRadius="10">
        <Label Text="Content"/>
    </Frame>
</controls:DockLayout>

🚀 Getting Started

Installation

dotnet add package Shaunebu.MAUI.Controls

Basic Usage Add the namespace:

xmlns:controls="clr-namespace:Shaunebu.MAUI.Controls;assembly=Shaunebu.MAUI.Controls"

Use any control:

xml

<controls:FloatingChatButton 
    Command="{Binding OpenChatCommand}"
    Icon="chat.png"/>

🎨 Customization

All controls support:

• Styles via ResourceDictionary
• Dynamic theming (light/dark mode)
• Platform-specific tweaks using OnPlatform

Example:

<Style TargetType="controls:FloatingChatButton">
    <Setter Property="BackgroundColor" Value="{AppThemeBinding Light=White, Dark=#222222}"/>
</Style>

⁉️ Support

Report issues:

📧 jorge.p@jpdblog.com
🐛 GitHub Issues

📄 License

MIT License © 2025 Jorge Perales Diaz