Siticone Card

// 1. Dragging Events
// Fired when EnableDragging is true and user moves the card
card.DragStarted += (s, e) => {
                Debug.WriteLine("Dragging started...");
    card.Alpha = 0.5f; // Example: Make semi-transparent while dragging
};

card.DragCompleted += (s, e) => {
                Debug.WriteLine("Dragging finished.");
    card.Alpha = 1.0f;
};

// 2. Content Loaded
// Fired after ContentGenerator finishes rendering the DataSource
card.ContentLoaded += (s, e) => {
                Debug.WriteLine("Dynamic content ready.");
};

// 3. Context Menu
// Fired when the context menu is triggered via right-click
card.ContextMenuOpened += (s, e) => {
                Debug.WriteLine("Context menu opened.");
};

private SiticoneCard CreateCreditCard()
{
                var card = new SiticoneCard
    {
        Size = new Size(300, 180),
                // Gradient Background
        BackgroundColor1 = Color.FromArgb(45, 52, 54),
        BackgroundColor2 = Color.FromArgb(0, 0, 0),
        BackgroundAngle = 45f,
        
                // Rounded Corners
        TopLeftRadius = 15,
        TopRightRadius = 15,
        BottomLeftRadius = 15,
        BottomRightRadius = 15,
        
                // Border styling
        ShowBorder = true,
        BorderColor1 = Color.Gold,
        BorderColor2 = Color.DarkGoldenrod,
        BorderWidth = 1.5f,
        
                // Shadow for depth
        Elevation = 8,
        
                // Visual Effects
        EnableShimmerEffect = true, // Adds a premium shine
        ShimmerColor = Color.FromArgb(50, Color.White)
    };
                return card;
}

private SiticoneCard CreateProductCard()
{
                var card = new SiticoneCard
    {
        Size = new Size(200, 250),
        BackgroundColor1 = Color.White,
        BackgroundColor2 = Color.White,
        
                // Interaction Configuration
        EnableHoverEffect = true,
        HoverBackColor = Color.FromArgb(245, 245, 245),
        HoverShadowDepth = 15, // Lift up on hover
        
        EnableClickEffect = true, // Scale down on click
        EnableRippleEffect = true,
        RippleColor = Color.FromArgb(50, Color.Black),
        
                // Notification Badge
        BadgeValue = 1,
        BadgeColor = Color.Crimson,
        BadgePosition = BadgePosition.TopRight
    };
                return card;
}

public class UserProfile
{
                public string Username { get; set; }
                public string Role { get; set; }
}

private void LoadUserCard(SiticoneCard card)
{
                // 1. Enable Dynamic Content
    card.EnableDynamicContent = true;
    
                // 2. Define how to render the data
    card.ContentGenerator = (data) => 
    {
                var user = (UserProfile)data;
        
                // Create a panel to hold labels
                var panel = new Panel { Dock = DockStyle.Fill, Padding = new Padding(10) };
        
                var lblName = new Label { Text = user.Username, Font = new Font("Segoe UI", 12, FontStyle.Bold), Dock = DockStyle.Top };
                var lblRole = new Label { Text = user.Role, ForeColor = Color.Gray, Dock = DockStyle.Top };
        
        panel.Controls.Add(lblRole);
        panel.Controls.Add(lblName);
                return panel;
    };
    
                // 3. Bind Data (Triggering generation)
    card.DataSource = new UserProfile { Username = "John Doe", Role = "Administrator" };
}

private SiticoneCard CreateFloatingWidget()
{
                var card = new SiticoneCard
    {
        Size = new Size(150, 150),
        BackgroundColor1 = Color.MediumPurple,
        BackgroundColor2 = Color.SlateBlue,
        Elevation = 12, // High shadow for "floating" look
        
                // Enable Dragging
        EnableDragging = true,
        Cursor = Cursors.SizeAll // Visual cue
    };
    
                // Optional: Snap to grid on drop
    card.DragCompleted += (s, e) => 
    {
                var c = (SiticoneCard)s;
                // Snap to nearest 10px grid
        c.Left = (c.Left / 10) * 10;
        c.Top = (c.Top / 10) * 10;
    };
    
                return card;
}

private async void LoadDataAsync(SiticoneCard card)
{
                // 1. Set Loading State
    card.Controls.Clear();
    card.EnableShimmerEffect = true;
    card.ShimmerColor = Color.FromArgb(100, Color.White);
    card.ShimmerSpeed = 8f;
    card.BackgroundColor1 = Color.LightGray; // Skeleton base color
    card.BackgroundColor2 = Color.LightGray;
    
                // 2. Simulate Async Work
                await Task.Delay(3000);
    
                // 3. Set Loaded State
    card.EnableShimmerEffect = false;
    card.BackgroundColor1 = Color.White;
    card.BackgroundColor2 = Color.White;
    
                // Add actual content...
                Label lbl = new Label { Text = "Data Loaded Successfully!", Dock = DockStyle.Fill };
    card.Controls.Add(lbl);
}