Feliz.Popover
4.0.0
dotnet add package Feliz.Popover --version 4.0.0
NuGet\Install-Package Feliz.Popover -Version 4.0.0
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="Feliz.Popover" Version="4.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Feliz.Popover" Version="4.0.0" />
<PackageReference Include="Feliz.Popover" />
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 Feliz.Popover --version 4.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Feliz.Popover, 4.0.0"
#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 Feliz.Popover@4.0.0
#: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=Feliz.Popover&version=4.0.0
#tool nuget:?package=Feliz.Popover&version=4.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Feliz 
A fresh retake of the React API in Fable, optimized for happiness.
Here is how it looks like:
module App
open Feliz
[<ReactComponent>]
let Counter() =
let (count, setCount) = React.useState(0)
Html.div [
Html.button [
prop.style [ style.marginRight 5 ]
prop.onClick (fun _ -> setCount(count + 1))
prop.text "Increment"
]
Html.button [
prop.style [ style.marginLeft 5 ]
prop.onClick (fun _ -> setCount(count - 1))
prop.text "Decrement"
]
Html.h1 count
]
open Browser.Dom
let root = ReactDOM.createRoot (document.getElementById "root")
root.render (Counter())
✨ Features
- Flexible API design: Combine the reliability of F# type safety with the flexibility to interop easily with native JavaScript.
- Discoverable attributes with no more functions,
Htmlattributes or CSS properties globally available so they are easy to find. - Proper documentation: each attribute and CSS property
- Full React API support: Feliz aims to support the React API for building components using hooks, context and more.
- Fully Type-safe: no more
Margin of objbut instead utilizing a plethora of overloaded functions to account for the overloaded nature ofCSSattributes, covering 90%+ of the CSS styles, values and properties. - Compatible with Femto.
- Approximately Zero bundle size increase where everything function body is erased from the generated JavaScript unless you actually use said function.
🚀 Quick Start
# install the template (if you haven't already)
dotnet new -i Feliz.Template
# create a new Feliz project from the installed template
dotnet new feliz -n MyProject
# navigate to the created project folder
cd MyProject
# install the npm dependencies
npm install
# install .NET tools
dotnet tool restore
# start the development server
npm start
📚 Documentation
Feliz has extensive documentation at https://fable-hub.github.io/Feliz/ with live examples alongside code samples, check them out and if you have any question, let us know!
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 was computed. 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. |
| .NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
| .NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
| .NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
| MonoAndroid | monoandroid was computed. |
| MonoMac | monomac was computed. |
| MonoTouch | monotouch was computed. |
| Tizen | tizen40 was computed. tizen60 was computed. |
| Xamarin.iOS | xamarinios was computed. |
| Xamarin.Mac | xamarinmac was computed. |
| Xamarin.TVOS | xamarintvos was computed. |
| Xamarin.WatchOS | xamarinwatchos was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
.NETStandard 2.0
- Feliz (>= 3.0.0)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Feliz.Popover:
| Package | Downloads |
|---|---|
|
WebSharper.Feliz.Popover
WebSharper Proxy for Feliz.Popover |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 4.0.0 | 457 | 12/10/2025 |
| 4.0.0-rc.1 | 149 | 10/2/2025 |
| 3.0.0 | 4,825 | 12/25/2022 |
| 2.4.0 | 2,827 | 12/25/2022 |
| 2.3.0 | 4,869 | 11/15/2020 |
| 2.2.0 | 837 | 8/16/2020 |
| 2.1.0 | 595 | 8/8/2020 |
| 2.0.0 | 1,255 | 5/16/2020 |
| 1.9.0 | 636 | 5/4/2020 |
| 1.8.0 | 598 | 4/27/2020 |
| 1.7.0 | 591 | 4/26/2020 |
| 1.6.0 | 613 | 4/22/2020 |
| 1.5.0 | 610 | 3/29/2020 |
| 1.4.0 | 621 | 3/26/2020 |
| 1.3.0 | 637 | 3/22/2020 |
| 1.2.0 | 652 | 3/20/2020 |
| 1.1.0 | 670 | 3/17/2020 |
| 1.0.0 | 651 | 3/12/2020 |
| 0.2.24 | 736 | 12/5/2019 |
| 0.2.23 | 697 | 12/5/2019 |
| 0.2.22 | 644 | 12/4/2019 |
| 0.2.21 | 624 | 12/1/2019 |
| 0.2.20 | 666 | 11/29/2019 |
| 0.2.18 | 643 | 11/27/2019 |
| 0.2.17 | 634 | 11/18/2019 |
| 0.2.16 | 616 | 11/18/2019 |
| 0.2.15 | 631 | 11/14/2019 |
| 0.2.14 | 668 | 11/13/2019 |
| 0.2.13 | 673 | 11/4/2019 |
| 0.2.12 | 641 | 11/3/2019 |
| 0.2.11 | 639 | 11/3/2019 |
| 0.2.10 | 648 | 11/1/2019 |
| 0.2.9 | 658 | 11/1/2019 |
| 0.2.8 | 664 | 11/1/2019 |
| 0.2.7 | 629 | 10/31/2019 |
| 0.2.6 | 654 | 10/30/2019 |
| 0.2.5 | 664 | 10/29/2019 |
| 0.2.4 | 642 | 10/28/2019 |
| 0.2.3 | 672 | 10/28/2019 |
| 0.2.2 | 658 | 10/27/2019 |
| 0.2.1 | 651 | 10/27/2019 |
| 0.2.0 | 667 | 10/27/2019 |
| 0.1.0 | 694 | 10/27/2019 |