feat: WIP: add template.

demo/Ursa.Demo/Pages/PaginationDemo.axaml

@@ -0,0 +1,18 @@
+<UserControl
+    x:Class="Ursa.Demo.Pages.PaginationDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:u="https://irihi.tech/ursa"
+    xmlns:viewModels="clr-namespace:Ursa.Demo.ViewModels"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    mc:Ignorable="d">
+    <Design.DataContext>
+        <viewModels:PaginationDemoViewModel />
+    </Design.DataContext>
+    <StackPanel>
+        <u:Pagination PageSizeOptions="{Binding PageSizes}" TotalCount="300" />
+    </StackPanel>
+</UserControl>

demo/Ursa.Demo/Pages/PaginationDemo.axaml.cs

@@ -0,0 +1,15 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Ursa.Demo.ViewModels;
+
+namespace Ursa.Demo.Pages;
+
+public partial class PaginationDemo : UserControl
+{
+    public PaginationDemo()
+    {
+        InitializeComponent();
+        this.DataContext = new PaginationDemoViewModel();
+    }
+}

demo/Ursa.Demo/ViewModels/PaginationDemoViewModel.cs

@@ -0,0 +1,10 @@
+using System.Collections.ObjectModel;
+using Avalonia.Collections;
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace Ursa.Demo.ViewModels;
+
+public class PaginationDemoViewModel: ObservableObject
+{
+    public AvaloniaList<int> PageSizes { get; set; } = new() { 10, 20, 50, 100 };
+}

demo/Ursa.Demo/Views/MainWindow.axaml

@@ -35,6 +35,9 @@
             <TabItem Header="IPv4Box">
                 <pages:IPv4BoxDemo />
             </TabItem>
+            <TabItem Header="Pagination">
+                <pages:PaginationDemo />
+            </TabItem>
             <TabItem Header="Timeline">
                 <pages:TimelineDemo />
             </TabItem>