Svelte Fomantic UI Wrapper for Client-Side WebApps

This is now at late Beta stage. The code is proving robust according to the testing done so far.

Feel free to use cautiously in projects, and please give feedback.

Latest update (15th of July, 2023): We're almost there... Search and Ad need testing, and then onto behaviors...

A simple Svelte wrapper for Fomantic UI for creating client-side WebApps. Note that this does not (yet) work with Server Side Rendering. This is a very shallow and light layer on top of the standard fomantic UI as found at https://fomantic-ui.com.

For more details, look inside the svelte-fomantic-ui folder, and in particular, check the README

The source code is found in the folder src/lib. There are some examples and tests in the src/lib/tests folder.

Live Test site

To see this working, follow this link.

Roadmap

1. Minimum set of features complete - enough for a working website - all the Elements, Collections and Views - will work with pure css.
   • To date: implementation of features is at about 90%, and I'm about nine tenths of the way through testing and documentation.
2. Main features complete - as above, but also the Modules.
   • All modules are now completed, tested and documented.
3. All features complete - as above, but also the Behaviors and Theming.
   • Starting on behaviors - no reason to expect they won't work, but need testing of course.

Note that in essence all these do already work (except for the Modules) because you can include Fomantic UI directly into your code using classes as with any javascript.

Progress so far

• Where there is a cross in the Implemented column; that means the basic code is in place and should work.
• Where there is a cross in the Tested and Documented column; the examples from the Fomantic UI website have been sveltised and compared for accuracy with the ones on the Fomantic UI website, and where necessary, tweaks to the svelte-fomantic-ui code made. Often, there are sub classes like 'metadata' and 'description' that need adding, for example.
• Where there is an underscore in the Tested and Documented column, this means I've started the process of testing and documenting, but not yet finished - but I've done at least one, so am confident that it is working - however, there may be some tweaks to come.
  • For example, when working on the Table element, there is an option for sorted tables that required some extra scripting to be added to work as per the example, and to function seamlessly in the Svelte environment.