🧑🏽‍💻 Development Guide

• Repo template: Chick and Paddy MAUI template
• Coding guidelines: Naxam coding guidelines and pactices

How to create demo page for a control

The steps

• Create a folder under Gallery/Pages/{control-group}
  • folder name must be the control name
  • control group can be BuiltIn, Syncfusion, etc.
• Create
  • a ControlInfo class
  • a XAML page
  • a VM class

e.g A demo page for Button built-in control will have below structure

|
|--Features
    |--Gallery
        |--Pages
            |--Button
                |--ButtonControlInfo
                |--ButtonPage.xaml
                |--ButtonPage.xaml.cs
                |--ButtonPageViewModel.cs

class diagram

classDiagram
  ButtonPage ..|> IControlPage: declares
  BasePage <|-- ButtonPage: extends
  ButtonControlInfo ..|> IControlInfo: declares
  NavigationAwareBaseViewModel <|-- ButtonPageViewModel: extends
  ButtonPage o-- ButtonPageViewModel: BindingContext
  ButtonPage .. ButtonControlInfo: route name
  class IControlInfo
  <<interface>> IControlInfo
  class IControlPage
  <<interface>> IControlPage
  class NavigationAwareBaseViewModel
  <<abstract>> NavigationAwareBaseViewModel
  class BasePage
  <<abstract>> BasePage
  class ButtonPage
  class ButtonControlInfo
  class ButtonPageViewModel

Loading

Use script

dotnet cake --group DESIRE_GROUP --name CONTROL_NAME --cardDetail CARD_DETAIL --originalDocumentUrl URL

Available groups 📂

• BuiltIn - MAUI built-in controls
• Syncfusion - Syncfusion controls for MAUI
• Toolkit - Maui Community Toolkit

Card Detail ℹ️

CARD_DETAIL - Provide details and information for this card ℹ️, you should copy the overall stuff from the original documentation.

Original document URL 📄

URL - Provide the card's original documentation📄

NOTE: We can add any new group we want.