You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,11 @@ A CSS class type provider for F# web development.
4
4
5
5
Bring external stylesheet classes into your F# code as design-time discoverable compiler-verified properties.
6
6
7
-
## Examples
7
+
## Demo
8
+
9
+
Check out the [Fable Tailwind sample](https://github.com/zanaptak/TypedCssClasses/tree/master/sample/FableTailwind) to see it in action.
10
+
11
+
## Code examples
8
12
9
13
The following examples use [Fable.React](https://fable.io/blog/Announcing-Fable-React-5.html) view syntax, but any other web framework should work as well since the provided properties compile to strings.
Copy file name to clipboardExpand all lines: sample/FableTailwind/README.md
+4-2Lines changed: 4 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,7 @@
1
1
# TypedCssClasses Fable Tailwind Sample
2
2
3
+

4
+
3
5
This sample illustrates the following concepts:
4
6
5
7
* Using [TypedCssClasses](https://github.com/zanaptak/TypedCssClasses) for type-safe CSS class properties in a [Fable](https://fable.io/) single page application.
@@ -10,15 +12,15 @@ This sample illustrates the following concepts:
10
12
11
13
* Using [Feliz](https://github.com/Zaid-Ajaj/Feliz/) for type-safe inline styles when you don't have a CSS class available to produce the desired effect.
Run the `watch.cmd` (Windows) or `watch.sh` (Linux) script, and then browse to `http://localhost:8080`. You should see a simple counter app with blue buttons styled with Tailwind.
23
+
Run the `watch.cmd` (Windows) or `watch.sh` (Linux) script, and then browse to `http://localhost:8080`. You should see a simple counter app with blue buttons styled with Tailwind CSS.
0 commit comments