VOOZH about

URL: https://www.nuget.org/packages/Soenneker.Blazor.Stripe.Elements/

⇱ NuGet Gallery | Soenneker.Blazor.Stripe.Elements 4.0.880



👁 Image
 Soenneker.Blazor.Stripe.Elements 4.0.880

Prefix Reserved 
dotnet add package Soenneker.Blazor.Stripe.Elements --version 4.0.880
 
 
NuGet\Install-Package Soenneker.Blazor.Stripe.Elements -Version 4.0.880
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Soenneker.Blazor.Stripe.Elements" Version="4.0.880" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Soenneker.Blazor.Stripe.Elements" Version="4.0.880" />
 


 Directory.Packages.props
 

 

 
<PackageReference Include="Soenneker.Blazor.Stripe.Elements" />
 


 Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Soenneker.Blazor.Stripe.Elements --version 4.0.880
The NuGet Team does not provide support for this client. Please contact its maintainers for support. 
#r "nuget: Soenneker.Blazor.Stripe.Elements, 4.0.880"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Soenneker.Blazor.Stripe.Elements@4.0.880
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Soenneker.Blazor.Stripe.Elements&version=4.0.880
 


 Install as a Cake Addin
 

 

 
#tool nuget:?package=Soenneker.Blazor.Stripe.Elements&version=4.0.880
 


 Install as a Cake Tool
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

👁 alternate text is missing from this package README image
👁 alternate text is missing from this package README image
👁 alternate text is missing from this package README image
👁 alternate text is missing from this package README image

👁 alternate text is missing from this package README image
Soenneker.Blazor.Stripe.Elements

A modular, strongly-typed Blazor library for Stripe Elements � designed to provide first-class C# configuration and deep interop with Stripe.js. Built for modern Blazor projects using Stripe's Payment, Link Authentication, and Address Elements.

? Features

  • ?? Blazor-native components for <StripeElements>, <StripePaymentElement>, <StripeLinkAuthenticationElement>, and <StripeAddressElement>
  • ?? Fully configurable via C# � with strong typing for all supported options, including appearance, locale, currency, developer tools, and more
  • ?? Appearance API support with extensible theming and rule control
  • ?? Supports SetupIntents, on-submit hooks, and validation workflows
  • ?? Compatible with Stripe test environments and developer tooling
  • ?? Seamless async interop with Stripe.js lifecycle

<img src="https://github.com/user-attachments/assets/a2f8777a-02e0-40de-afd6-fe4d1211427b" width="80%"></img>

?? Installation

dotnet add package Soenneker.Blazor.Stripe.Elements

??? Usage

1. Register Stripe in your Blazor project

builder.Services.AddStripeElementsInteropAsScoped();

2. Add the components to your Razor page

<StripeElements @ref="_stripeElements" StripeElementsConfiguration="_config">

 <StripeAddressElement />
 <StripeLinkAuthenticationElement />
 <StripePaymentElement />

 <Button Clicked="Submit">Submit</Button>
</StripeElements>

3. Configure Stripe using C#

_config = new StripeElementsConfiguration
{
 PublishableKey = "pk_test_...",
 ElementsOptions = new StripeElementsOptions
 {
 Locale = "auto",
 Currency = CurrencyCode.Usd,
 Mode = StripeElementsMode.Setup,
 Appearance = new StripeAppearance
 {
 Theme = StripeElementsTheme.Flat,
 Variables = new StripeAppearanceVariablesExtended
 {
 ColorPrimary = "#0570de",
 BorderRadius = "4px"
 }
 }
 },
 AddressOptions = new StripeAddressOptions
 {
 Mode = StripeAddressMode.Billing,
 AllowedCountries = ["US", "CA"],
 Fields = new StripeAddressFields
 {
 Phone = StripeAddressFieldsPhoneOption.Auto
 }
 }
};

? Components

Component Purpose
StripeElements Wrapper and manager for all child elements
StripePaymentElement Handles card and express payments
StripeLinkAuthenticationElement Collects email and links with Stripe Link
StripeAddressElement Collects billing or shipping address
StripeElementsConfiguration Full C# model to control everything

?? Official Stripe Docs

Product Versions Compatible and additional computed target framework versions.
.NET net10.0 net10.0 is compatible.  net10.0-android net10.0-android was computed.  net10.0-browser net10.0-browser was computed.  net10.0-ios net10.0-ios was computed.  net10.0-maccatalyst net10.0-maccatalyst was computed.  net10.0-macos net10.0-macos was computed.  net10.0-tvos net10.0-tvos was computed.  net10.0-windows net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
4.0.880 0 6/19/2026
4.0.877 0 6/18/2026
4.0.874 31 6/18/2026
4.0.873 37 6/18/2026
4.0.872 45 6/17/2026
4.0.871 88 6/17/2026
4.0.869 85 6/16/2026
4.0.868 86 6/16/2026
4.0.867 91 6/15/2026
4.0.866 94 6/15/2026
4.0.865 100 6/14/2026
4.0.864 93 6/13/2026
4.0.863 88 6/13/2026
4.0.861 150 6/10/2026
4.0.860 89 6/10/2026
4.0.859 96 6/10/2026
4.0.857 92 6/9/2026
4.0.855 107 6/9/2026
4.0.854 123 6/7/2026
4.0.853 110 6/7/2026
Loading failed

Update dependency Soenneker.Lepton.Suite to 4.0.25 (#1801)