Soenneker.Blazor.Stripe.Elements 3.0.320

Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
dotnet add package Soenneker.Blazor.Stripe.Elements --version 3.0.320
                    
NuGet\Install-Package Soenneker.Blazor.Stripe.Elements -Version 3.0.320
                    
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="3.0.320" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Soenneker.Blazor.Stripe.Elements" Version="3.0.320" />
                    
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 3.0.320
                    
#r "nuget: Soenneker.Blazor.Stripe.Elements, 3.0.320"
                    
#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@3.0.320
                    
#: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=3.0.320
                    
Install as a Cake Addin
#tool nuget:?package=Soenneker.Blazor.Stripe.Elements&version=3.0.320
                    
Install as a Cake Tool

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 Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  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
3.0.326 166 7/9/2025
3.0.325 132 7/9/2025
3.0.324 128 7/9/2025
3.0.323 141 7/9/2025
3.0.322 131 7/9/2025
3.0.321 134 7/9/2025
3.0.320 133 7/8/2025
3.0.319 127 7/8/2025
3.0.318 190 7/3/2025
3.0.317 127 7/3/2025
3.0.316 130 7/3/2025
3.0.315 146 7/1/2025
3.0.314 128 6/28/2025
3.0.313 84 6/28/2025
3.0.312 88 6/28/2025
3.0.311 60 6/28/2025
3.0.310 61 6/28/2025
3.0.309 59 6/28/2025
3.0.308 56 6/28/2025
3.0.307 59 6/27/2025
3.0.306 57 6/27/2025
3.0.305 69 6/27/2025
3.0.304 68 6/27/2025
3.0.303 71 6/27/2025
3.0.302 131 6/25/2025
3.0.301 134 6/25/2025
3.0.300 145 6/23/2025
3.0.298 389 6/11/2025
3.0.297 291 6/11/2025
3.0.296 282 6/11/2025
3.0.295 282 6/11/2025
3.0.294 280 6/11/2025
3.0.293 276 6/10/2025
3.0.292 278 6/10/2025
3.0.291 272 6/10/2025
3.0.290 282 6/10/2025
3.0.289 199 6/3/2025
3.0.288 144 6/3/2025
3.0.287 168 5/28/2025
3.0.286 139 5/28/2025
3.0.285 140 5/27/2025
3.0.284 146 5/27/2025
3.0.283 140 5/27/2025
3.0.282 142 5/27/2025
3.0.281 139 5/27/2025
3.0.280 148 5/27/2025
3.0.279 138 5/27/2025
3.0.278 147 5/27/2025
3.0.277 140 5/27/2025
3.0.276 137 5/27/2025
3.0.275 146 5/26/2025
3.0.274 97 5/25/2025
3.0.273 99 5/25/2025
3.0.272 77 5/23/2025
3.0.271 94 5/23/2025
3.0.270 98 5/23/2025
3.0.269 109 5/23/2025
3.0.268 110 5/23/2025
3.0.267 117 5/23/2025
3.0.266 120 5/23/2025
3.0.265 121 5/23/2025
3.0.264 125 5/23/2025
3.0.263 123 5/23/2025
3.0.262 136 5/23/2025
3.0.261 129 5/23/2025
3.0.260 134 5/23/2025
3.0.259 141 5/22/2025
3.0.258 176 5/19/2025
3.0.257 143 5/18/2025
3.0.256 102 5/18/2025
3.0.255 229 5/15/2025
3.0.254 227 5/14/2025
3.0.253 242 5/14/2025
3.0.252 222 5/14/2025
3.0.251 230 5/14/2025
3.0.250 224 5/13/2025
3.0.249 247 5/13/2025
3.0.248 165 5/8/2025
3.0.247 139 5/8/2025
3.0.246 143 5/8/2025
3.0.245 154 5/8/2025
3.0.244 145 5/8/2025
3.0.243 144 5/8/2025
3.0.242 139 5/8/2025
3.0.241 146 5/8/2025
3.0.240 142 5/8/2025
3.0.239 144 5/8/2025
3.0.238 143 5/7/2025
3.0.237 142 5/7/2025
3.0.236 158 5/7/2025
3.0.235 147 5/7/2025
3.0.234 144 5/6/2025
3.0.233 147 5/6/2025
3.0.232 138 5/6/2025
3.0.231 145 5/6/2025
3.0.230 143 5/6/2025
3.0.229 140 5/6/2025
3.0.228 138 5/6/2025
3.0.227 137 5/6/2025
3.0.226 133 5/6/2025
3.0.225 139 5/6/2025
3.0.224 147 5/6/2025
3.0.223 144 5/6/2025
3.0.222 141 5/5/2025
3.0.221 146 5/5/2025
3.0.220 142 5/5/2025
3.0.219 144 5/5/2025
3.0.218 136 5/5/2025
3.0.217 139 5/5/2025
3.0.216 145 5/5/2025
3.0.215 144 5/5/2025
3.0.214 149 5/5/2025
3.0.213 138 5/5/2025
3.0.212 154 5/5/2025
3.0.211 143 5/5/2025
3.0.210 139 5/5/2025
3.0.209 142 5/5/2025
3.0.208 137 5/5/2025
3.0.207 137 5/5/2025
3.0.206 142 5/5/2025
3.0.203 139 5/5/2025
3.0.202 144 5/5/2025
3.0.201 139 5/4/2025
3.0.200 147 5/4/2025
3.0.199 150 5/4/2025
3.0.198 68 5/3/2025
3.0.197 85 5/2/2025
3.0.196 85 5/2/2025
3.0.195 88 5/2/2025
3.0.194 88 5/2/2025
3.0.193 97 5/2/2025
3.0.192 96 5/2/2025
3.0.191 90 5/2/2025
3.0.190 87 5/2/2025
3.0.189 84 5/2/2025
3.0.188 193 4/29/2025
3.0.187 138 4/27/2025
3.0.186 87 4/26/2025
3.0.185 75 4/26/2025
3.0.184 92 4/26/2025
3.0.183 162 4/24/2025
3.0.182 267 4/10/2025
3.0.181 204 4/9/2025
3.0.180 167 4/9/2025
3.0.179 169 4/9/2025
3.0.178 167 4/9/2025
3.0.177 157 4/8/2025
3.0.176 155 4/8/2025
3.0.175 155 4/8/2025
3.0.174 159 4/8/2025
3.0.173 161 4/8/2025
3.0.172 159 4/8/2025
3.0.171 161 4/8/2025
3.0.170 169 4/8/2025
3.0.169 159 4/8/2025
3.0.168 158 4/8/2025
3.0.167 153 4/8/2025
3.0.166 165 4/8/2025
3.0.165 161 4/8/2025
3.0.164 159 4/8/2025
3.0.163 156 4/8/2025
3.0.162 156 4/8/2025
3.0.161 160 4/8/2025
3.0.160 164 4/8/2025
3.0.159 160 4/8/2025
3.0.158 157 4/8/2025
3.0.157 161 4/8/2025
3.0.156 152 4/8/2025
3.0.155 160 4/8/2025
3.0.154 172 4/7/2025
3.0.153 173 4/7/2025
3.0.152 153 4/7/2025
3.0.151 164 4/7/2025
3.0.150 176 4/7/2025
3.0.149 167 4/7/2025
3.0.148 166 4/7/2025
3.0.147 161 4/7/2025
3.0.146 171 4/7/2025
3.0.145 168 4/7/2025
3.0.144 163 4/7/2025
3.0.143 177 4/7/2025
3.0.142 166 4/7/2025
3.0.141 175 4/7/2025
3.0.140 159 4/7/2025
3.0.139 155 4/7/2025
3.0.138 165 4/7/2025
3.0.137 173 4/7/2025
3.0.136 168 4/7/2025
3.0.135 168 4/7/2025
3.0.134 177 4/7/2025
3.0.133 164 4/7/2025
3.0.132 172 4/7/2025
3.0.131 169 4/7/2025
3.0.130 169 4/7/2025
3.0.129 164 4/7/2025
3.0.128 168 4/7/2025
3.0.127 163 4/7/2025
3.0.126 162 4/7/2025
3.0.125 163 4/7/2025
3.0.124 160 4/7/2025
3.0.123 154 4/7/2025
3.0.122 164 4/7/2025
3.0.121 161 4/6/2025
3.0.120 157 4/6/2025
3.0.119 156 4/6/2025
3.0.118 158 4/6/2025
3.0.117 159 4/6/2025
3.0.116 172 4/6/2025
3.0.115 166 4/6/2025
3.0.114 166 4/6/2025
3.0.113 162 4/6/2025
3.0.112 136 4/6/2025
3.0.111 128 4/6/2025
3.0.110 133 4/6/2025
3.0.109 141 4/6/2025
3.0.108 135 4/6/2025
3.0.107 142 4/6/2025
3.0.106 143 4/6/2025
3.0.105 141 4/6/2025
3.0.104 116 4/6/2025
3.0.103 110 4/6/2025
3.0.102 118 4/6/2025
3.0.101 107 4/6/2025
3.0.100 110 4/6/2025
3.0.99 109 4/6/2025
3.0.98 119 4/6/2025
3.0.97 106 4/6/2025
3.0.96 122 4/6/2025
3.0.95 115 4/6/2025
3.0.94 129 4/6/2025
3.0.93 114 4/5/2025
3.0.92 92 4/5/2025
3.0.91 88 4/5/2025
3.0.90 105 4/5/2025
3.0.89 87 4/5/2025
3.0.88 90 4/5/2025
3.0.87 96 4/5/2025
3.0.86 93 4/5/2025
3.0.85 94 4/5/2025
3.0.84 87 4/5/2025
3.0.83 91 4/5/2025
3.0.82 93 4/5/2025
3.0.81 99 4/5/2025
3.0.80 82 4/5/2025
3.0.79 89 4/5/2025
3.0.78 88 4/5/2025
3.0.77 97 4/5/2025
3.0.76 96 4/4/2025
3.0.75 102 4/4/2025
3.0.74 140 4/4/2025
3.0.73 133 4/4/2025
3.0.72 146 4/4/2025
3.0.71 148 4/4/2025
3.0.70 154 4/4/2025
3.0.69 149 4/4/2025
3.0.68 177 4/4/2025
3.0.67 155 4/4/2025
3.0.66 173 4/4/2025
3.0.65 159 4/4/2025
3.0.64 157 4/2/2025
3.0.63 142 4/1/2025
3.0.62 155 4/1/2025
3.0.61 157 4/1/2025
3.0.60 156 4/1/2025
3.0.59 149 4/1/2025
3.0.58 157 4/1/2025
3.0.57 146 4/1/2025
3.0.56 154 4/1/2025
3.0.55 149 4/1/2025
3.0.54 157 4/1/2025
3.0.53 149 4/1/2025
3.0.52 143 4/1/2025
3.0.51 152 4/1/2025
3.0.50 157 4/1/2025
3.0.49 148 4/1/2025
3.0.48 157 4/1/2025
3.0.47 153 4/1/2025
3.0.46 148 4/1/2025
3.0.45 155 4/1/2025
3.0.44 148 4/1/2025
3.0.43 145 4/1/2025
3.0.41 149 3/31/2025
3.0.40 152 3/31/2025
3.0.39 165 3/31/2025
3.0.38 150 3/31/2025
3.0.37 169 3/31/2025
3.0.36 161 3/31/2025
3.0.35 150 3/31/2025
3.0.34 149 3/30/2025
3.0.33 153 3/30/2025
3.0.32 150 3/29/2025
3.0.31 78 3/29/2025
3.0.30 83 3/29/2025
3.0.29 94 3/29/2025
3.0.28 88 3/29/2025
3.0.27 92 3/29/2025
3.0.26 85 3/29/2025
3.0.25 88 3/29/2025
3.0.24 92 3/29/2025
3.0.23 91 3/29/2025
3.0.22 132 3/27/2025
3.0.21 140 3/27/2025
3.0.20 139 3/27/2025
3.0.19 466 3/26/2025
3.0.18 464 3/26/2025
3.0.17 461 3/26/2025
3.0.16 471 3/26/2025
3.0.15 464 3/25/2025
3.0.14 468 3/25/2025
3.0.13 468 3/25/2025
3.0.12 464 3/25/2025
3.0.11 469 3/25/2025
3.0.10 463 3/25/2025
3.0.9 470 3/25/2025
3.0.8 467 3/25/2025
3.0.7 480 3/25/2025
3.0.6 480 3/25/2025
3.0.5 484 3/25/2025
3.0.4 486 3/24/2025
3.0.3 461 3/24/2025
3.0.2 456 3/24/2025
3.0.1 465 3/24/2025