Skip to content
Nuvyntra Labs

Start

Component reference

XAML and attribute docs for every NuvyntraLabs.UIKit control, helper, and page recipe.

Sample gallery

Every control and page recipe, captured from the sample app on a phone.

How to read a component page

Each page shows XAML with every kit attribute, then a table that explains the attribute, its type, default, and whether it is Lumina custom or a familiar MAUI name. Register with UseNuvyntraUIKit() and declare xmlns:nv="http://nuvyntralabs.com/uikit".

<nv:NVButton Text="Continue" Variant="Filled" Command="{Binding Submit}" />

On that row, Text and Command are familiar MAUI names. Variant is custom (NVButtonVariant: Filled, Tonal, Outline, Ghost, Danger).

Enums used as attribute types

EnumValues
NVButtonVariantFilled, Tonal, Outline, Ghost, Danger
NVIconKindNone, Check, Close, ChevronDown, ChevronRight, Search, Home, Menu, Settings, User, Cart, Heart, Star, Bell, Calendar, Chat, Image, File, Plus, Minus, Warning, Info, Mic, Play, Pause, Lock, Share, Mail, Phone, Globe, Link, Camera
NVChipKindFilter, Input, Assist, Choice
NVBannerToneInfo, Success, Warning, Danger
NVStatusReasonEmpty, Offline, EmptyCart, NoPhotos, NoVideos, NoTasks, LocationDenied, PaymentFailed, NoCredits, Generic
NVTextRoleDisplay, Title, Body, Caption
NVLayoutModeList, Tile, Card
NVSelectionKindNone, Single, Multiple
NVSortDirectionNone, Ascending, Descending
NVFormFieldKindText, Number, Boolean, Date, Enum
NVChartSeriesKindLine, Spline, Area, Bar, Column, Pie, Donut, Scatter, Bubble, Candle, Ohlc, Funnel, Pyramid, Polar, Radar, Sunburst, Spark
NVBarcodeFormatCode128, Qr
NVThemeModeLight, Dark, System
NVDensityCompact, Comfortable, Spacious
OverlayPlacementCenter, Bottom, Top, Start, End
NVDiffModeUnified, SideBySide

Foundation

Primitives

Actions

Inputs

Forms plus

  • NVCopyable — NVCopyable in the Forms plus layer.
  • NVCountryPicker — NVComboBox / NVSegmentedControl with preset Items. NVThemePicker writes NVTheme.Current.SetMode from SelectedIndex.
  • NVCouponField — Specialized NVTextField / NVMaskedEntry / NVNumericUpDown. No new property names beyond inherited + NVPhoneField.Mask. NVInputField is the generic lab
  • NVDateRangePicker — NVDateRangePicker in the Forms plus layer.
  • NVInputField — Specialized NVTextField / NVMaskedEntry / NVNumericUpDown. No new property names beyond inherited + NVPhoneField.Mask. NVInputField is the generic lab
  • NVLanguagePicker — NVComboBox / NVSegmentedControl with preset Items. NVThemePicker writes NVTheme.Current.SetMode from SelectedIndex.
  • NVLink — NVLink in the Forms plus layer.
  • NVLockPad — NVLockPad in the Forms plus layer.
  • NVPasswordField — Specialized NVTextField / NVMaskedEntry / NVNumericUpDown. No new property names beyond inherited + NVPhoneField.Mask. NVInputField is the generic lab
  • NVPasswordStrength — NVPasswordStrength in the Forms plus layer.
  • NVPhoneField — Specialized NVTextField / NVMaskedEntry / NVNumericUpDown. No new property names beyond inherited + NVPhoneField.Mask. NVInputField is the generic lab
  • NVPinPad — NVPinPad in the Forms plus layer.
  • NVQuantityStepper — Specialized NVTextField / NVMaskedEntry / NVNumericUpDown. No new property names beyond inherited + NVPhoneField.Mask. NVInputField is the generic lab
  • NVThemePicker — NVComboBox / NVSegmentedControl with preset Items. NVThemePicker writes NVTheme.Current.SetMode from SelectedIndex.

Feedback

  • NVActionSheet — Overlay hosts. Same IsOpen, Placement, DismissOnScrim, PanelContent as NVOverlay unless noted.
  • NVAlert — NVAlert in the Feedback layer.
  • NVBanner — NVBanner in the Feedback layer.
  • NVBottomSheet — Overlay hosts. Same IsOpen, Placement, DismissOnScrim, PanelContent as NVOverlay unless noted.
  • NVBusyIndicator — NVBusyIndicator in the Feedback layer.
  • NVCircularProgressBar — NVCircularProgressBar in the Feedback layer.
  • NVDialog — Overlay hosts. Same IsOpen, Placement, DismissOnScrim, PanelContent as NVOverlay unless noted.
  • NVEmptyView — NVEmptyView in the Feedback layer.
  • NVLightbox — Overlay hosts. Same IsOpen, Placement, DismissOnScrim, PanelContent as NVOverlay unless noted.
  • NVLinearGauge — NVLinearGauge in the Feedback layer.
  • NVOfflineBanner — NVOfflineBanner in the Feedback layer.
  • NVPopup — Overlay hosts. Same IsOpen, Placement, DismissOnScrim, PanelContent as NVOverlay unless noted.
  • NVProgressBar — NVProgressBar in the Feedback layer.
  • NVPullToRefresh — NVPullToRefresh in the Feedback layer.
  • NVRetryView — NVRetryView in the Feedback layer.
  • NVStepProgressBar — NVStepProgressBar in the Feedback layer.
  • NVToast — Static helper, not a view.
  • NVTooltip — NVTooltip in the Feedback layer.

Basics

Layout and navigation

  • NVAccordion — NVAccordion in the Layout and navigation layer.
  • NVAppBar — NVAppBar in the Layout and navigation layer.
  • NVBackdrop — Chrome compositions. No extra bindables.
  • NVBottomNavigation — NVBottomNavigation in the Layout and navigation layer.
  • NVBreadcrumb — NVBreadcrumb in the Layout and navigation layer.
  • NVCard — NVCard in the Layout and navigation layer.
  • NVCarousel — NVCarousel in the Layout and navigation layer.
  • NVDockLayout — Chrome compositions. No extra bindables.
  • NVExpander — NVExpander in the Layout and navigation layer.
  • NVGridSplitter — Chrome compositions. No extra bindables.
  • NVNavigationDrawer — NVNavigationDrawer in the Layout and navigation layer.
  • NVNavigationView — NVNavigationView in the Layout and navigation layer.
  • NVParallaxView — NVParallaxView in the Layout and navigation layer.
  • NVRadialMenu — NVRadialMenu in the Layout and navigation layer.
  • NVSideDrawer — NVSideDrawer in the Layout and navigation layer.
  • NVSlideView — NVSlideView in the Layout and navigation layer.
  • NVStepper — NVStepper in the Layout and navigation layer.
  • NVTabView — NVTabView in the Layout and navigation layer.
  • NVToolbar — NVToolbar in the Layout and navigation layer.
  • NVWrapLayout — NVWrapLayout in the Layout and navigation layer.

Data

Visualization and calendar

  • NVBarcode — Generate only (not camera scan).
  • NVCalendar — NVCalendar in the Visualization and calendar layer.
  • NVChart — NVChart in the Visualization and calendar layer.
  • NVDigitalGauge — NVDigitalGauge in the Visualization and calendar layer.
  • NVGauge — NVGauge in the Visualization and calendar layer.
  • NVHeatMap — NVHeatMap in the Visualization and calendar layer.
  • NVMap — NVMap in the Visualization and calendar layer.
  • NVMaps — NVMaps in the Visualization and calendar layer.
  • NVRadialGauge — NVRadialGauge in the Visualization and calendar layer.
  • NVScheduler — NVScheduler in the Visualization and calendar layer.
  • NVSparkline — NVSparkline in the Visualization and calendar layer.
  • NVTreeMap — NVTreeMap in the Visualization and calendar layer.

Media, chat, AI

Social and extra media

  • NVAudioPlayer — NVAudioPlayer in the Social and extra media layer.
  • NVBeforeAfter — NVBeforeAfter in the Social and extra media layer.
  • NVBubble — NVBubble in the Social and extra media layer.
  • NVComposer — NVComposer in the Social and extra media layer.
  • NVFeedCard — NVFeedCard in the Social and extra media layer.
  • NVImageGallery — NVImageGallery in the Social and extra media layer.
  • NVProfileHeader — NVProfileHeader in the Social and extra media layer.
  • NVVideoPlayer — NVVideoPlayer in the Social and extra media layer.
  • NVVoiceNote — NVVoiceNote in the Social and extra media layer.
  • NVWaveform — NVWaveform in the Social and extra media layer.
  • NVWebView — NVWebView in the Social and extra media layer.

Patterns

Advanced

Next · 1.2

  • NVCoachMark — Coach-mark steps with an Index into Steps.
  • NVCommandPalette — Command palette. Empty Query shows Recents; filter is case-insensitive.
  • NVConsentBanner — Privacy / cookie banner. Accept() sets IsAccepted.
  • NVContextMenu — Context menu of NVMenuAction items plus OpenCommand.
  • NVFileDrop — File drop / pick chrome. Ignores chips with an empty Name.
  • NVHeatCalendar — Month heatmap. Cells equal days in Month; missing Values draw empty.
  • NVPaywall — Plan wall. Dismiss is a no-op when IsBlocking.
  • NVWhatsNew — What's-new list with a VersionTitle heading.

Next · 1.3

  • NVCallBar — In-call bar with mute and end commands. Host supplies VoIP.
  • NVCodeEditor — Code editor chrome. Host supplies language services.
  • NVDeviceSheet — Nearby / paired device sheet. Host supplies transport.
  • NVDiffView — Unified or side-by-side text diff.
  • NVEmojiPicker — Emoji picker with Query, Glyphs, and Selected.
  • NVInCallView — In-call surface with name, elapsed, and optional keypad.
  • NVJsonTree — Tree view of a JSON string.
  • NVNfcPrompt — NFC hold-near prompt. Host supplies the tag session.
  • NVPivotGrid — Pivot surface over NVPivotFact rows.
  • NVPrintPreview — Print / share preview. Host supplies Printing.
  • NVPropertyGrid — Property inspector over NVPropertyItem rows.
  • NVReviewPrompt — Store-review prompt chrome. Host supplies AppReview.
  • NVSpeedDial — FAB speed dial of NVSpeedDialAction items.
  • NVSubscriptionCard — Plan card with name, price, features, and CTA.
  • NVSyncConflictCard — Local vs remote conflict card. Host supplies sync.
  • NVUploadTile — Upload progress tile with retry.

Pages · Auth

  • NVForgotPasswordView — NVForgotPasswordView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVProfileSetupView — NVProfileSetupView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVResetPasswordView — NVResetPasswordView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSignInView — NVSignInView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSignUpView — NVSignUpView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSocialSignInView — NVSocialSignInView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVTabbedAuthView — NVTabbedAuthView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVWalkthroughView — NVWalkthroughView is a auth page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Commerce

  • NVCardPaymentView — NVCardPaymentView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVCartView — NVCartView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVCatalogView — NVCatalogView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVCategoryView — NVCategoryView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVCheckoutView — NVCheckoutView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVOrderHistoryView — NVOrderHistoryView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo childre
  • NVOrdersView — NVOrdersView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVPaymentResultView — NVPaymentResultView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo childr
  • NVProductDetailView — NVProductDetailView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo childr
  • NVProductHomeView — NVProductHomeView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVSavedCardsView — NVSavedCardsView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVWishlistView — NVWishlistView is a commerce page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Content

  • NVAboutView — NVAboutView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVArticleDetailView — NVArticleDetailView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo childre
  • NVArticleFeedView — NVArticleFeedView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVBookmarksView — NVBookmarksView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVContactView — NVContactView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVFaqView — NVFaqView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVMyArticlesView — NVMyArticlesView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVReviewView — NVReviewView is a content page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Social

  • NVAuthorProfileView — NVAuthorProfileView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVChatProfileView — NVChatProfileView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVConversationView — NVConversationView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVHealthProfileView — NVHealthProfileView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVInboxView — NVInboxView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVPeopleListView — NVPeopleListView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSocialProfileView — NVSocialProfileView is a social page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children

Pages · Files

  • NVDocumentsView — NVDocumentsView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVFileExplorerView — NVFileExplorerView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVMediaLibraryView — NVMediaLibraryView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVNavigationHubView — NVNavigationHubView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVPlaylistView — NVPlaylistView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSuggestionsView — NVSuggestionsView is a files page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · System

  • NVAddressBookView — NVAddressBookView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVBookingView — NVBookingView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVDashboardView — NVDashboardView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVDeliveryTrackView — NVDeliveryTrackView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVHelpView — NVHelpView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVNotificationsView — NVNotificationsView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVSettingsView — NVSettingsView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVStatusView — NVStatusView is a system page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Extras

  • NVFilterSheetView — NVFilterSheetView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVForceUpdateView — NVForceUpdateView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVMediaPlayerView — NVMediaPlayerView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVOnboardingPermissionsView — NVOnboardingPermissionsView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo
  • NVOrderSummaryView — NVOrderSummaryView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVPinLockView — NVPinLockView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVSearchResultsView — NVSearchResultsView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children
  • NVSplitInboxView — NVSplitInboxView is a extras page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Next (1.2)

  • NVCompareView — NVCompareView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVInvoiceView — NVInvoiceView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVReceiptView — NVReceiptView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVStoreLocatorView — NVStoreLocatorView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo child
  • NVSubscriptionView — NVSubscriptionView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo child
  • NVWhatsNewView — NVWhatsNewView is a next (1.2) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.

Pages · Next (1.3)

  • NVAddressFormView — NVAddressFormView is a next (1.3) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo childr
  • NVCallView — NVCallView is a next (1.3) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo children.
  • NVConflictResolveView — NVConflictResolveView is a next (1.3) page recipe. Recipes compose the NV* controls above. They do not add new bindable names — they set titles and seed demo ch

Discussion

Comment on UIKit(MAUI). The thread lives on this component's GitHub repository (nuvyntralabs/NuvyntraLabs.UIKit). Sign in with GitHub — Giscus uses Discussions, Utterances uses Issues.