Feliz.RadixUI.Interface
0.1.0
See the version list below for details.
dotnet add package Feliz.RadixUI.Interface --version 0.1.0
NuGet\Install-Package Feliz.RadixUI.Interface -Version 0.1.0
<PackageReference Include="Feliz.RadixUI.Interface" Version="0.1.0" />
<PackageVersion Include="Feliz.RadixUI.Interface" Version="0.1.0" />
<PackageReference Include="Feliz.RadixUI.Interface" />
paket add Feliz.RadixUI.Interface --version 0.1.0
#r "nuget: Feliz.RadixUI.Interface, 0.1.0"
#:package Feliz.RadixUI.Interface@0.1.0
#addin nuget:?package=Feliz.RadixUI.Interface&version=0.1.0
#tool nuget:?package=Feliz.RadixUI.Interface&version=0.1.0
Feliz.RadixUI
This is a Fable compiler binding.
This is an interface library which provides the prop primitives for RadixUI to enable users to create their own component libraries using the primitives.
The library is autogenerated from the docs. See the source for the generator.
Install
First add the package dependency
Nuget
dotnet add package Feliz.RadixUI.Interface
Paket
paket add package Feliz.RadixUI.Interface
You can then use the property bindings.
Whatever properties you inherit, you will have to ensure you have installed the npm dependencies. Alternatively, use femto to have them all installed for you
Femto
Using Femto will automatically npm all radix-ui components. Use another method if you want to incrementally adopt them.
femto install Feliz.RadixUI.Interface
Usage
The example usage demonstrates component specific typing. This is a preference, you can inherit the properties anyway you wish following the same pattern.
Say you are creating a component which depends on @radix-ui/react-accordion and you want to inherit the props for the Root object:
module Feliz.Accordion
open Feliz.RadixUI.Interface
type [<Erase>] IAccordionProp = interface end
type [<Erase>] accordion =
// Inherit properties from RadixUI Accordion root
inherit Accordion.root<IAccordionProp>
// Define other properties here
// If you have no further properties to add, add a dummy
static member private inline noop = ()
// Start using RadixUI properties!
accordion.collapsible true
accordion.asChild true
// Feliz props are already interfaced!
accordion.children [ ]
Feliz Properties
The RadixUI properties inherently interface with the standard set of Feliz props for convenience.
| Product | Versions 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. |
-
- Fable.Core (= 4.3.0)
- Feliz (= 2.9.0)
- FSharp.Core (>= 0.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.