From 46f87a2ca7326d85bb550c97b906050d2f2a2bc4 Mon Sep 17 00:00:00 2001 From: Mecu Sorin Date: Mon, 5 Feb 2018 18:19:58 +0200 Subject: [PATCH 1/2] Hint on how to use not supported DSL. --- src/Fable.React/Fable.Helpers.React.fs | 1 + 1 file changed, 1 insertion(+) diff --git a/src/Fable.React/Fable.Helpers.React.fs b/src/Fable.React/Fable.Helpers.React.fs index bf046700..428bc517 100644 --- a/src/Fable.React/Fable.Helpers.React.fs +++ b/src/Fable.React/Fable.Helpers.React.fs @@ -311,6 +311,7 @@ module Props = | Y of obj interface IProp + /// If you are searching for a way to provide a value not supported by this DSL then use something like: !!("align-content", "center") type CSSProp = | AlignContent of obj | AlignItems of obj From 18f97e8dceb991990a772a5601bbb25e9e5095f3 Mon Sep 17 00:00:00 2001 From: Mecu Sorin Date: Mon, 5 Feb 2018 18:40:20 +0200 Subject: [PATCH 2/2] Addressed the CR comments, added the CSSProp.Custom member for unsupported DSL features --- src/Fable.React/Fable.Helpers.React.fs | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/Fable.React/Fable.Helpers.React.fs b/src/Fable.React/Fable.Helpers.React.fs index 428bc517..9cf104fb 100644 --- a/src/Fable.React/Fable.Helpers.React.fs +++ b/src/Fable.React/Fable.Helpers.React.fs @@ -311,7 +311,6 @@ module Props = | Y of obj interface IProp - /// If you are searching for a way to provide a value not supported by this DSL then use something like: !!("align-content", "center") type CSSProp = | AlignContent of obj | AlignItems of obj @@ -719,6 +718,8 @@ module Props = | ZIndex of obj | Zoom of obj interface ICSSProp + /// If you are searching for a way to provide a value not supported by this DSL then use something like: CSSProp.Custom "align-content" "center" + static member inline Custom (key: string) (value: obj) : ICSSProp = !!(key, value) open Props open Fable.Import.React