┌──────────────────────┐ _____ _____
| | \\\ \ / ///
| ________ ___|___ ___ ___ __ \\\ \ / /// ____ _______
| / ) /" "||" \ /" | /""\ \\\ \ / ///||_ " /" "|
| ( \___/ (: ______) \ \ // | / \ \\\ \ / ///( ) :(: ______)
| \___ \ \/ | /\\ \/. |/' /\ \ \\\ \/ /// | | .\/ |
| ___/ \ // ___)_ |: \. // __' \ \\\ /// | | "// ___)_
| / \ ) (: "||. \ /: / / \\ \ \\\ ///\. (__) (: "|
| (________/ \_______)|___|\__/|_(___/ \___) \\\/// \_______/\_______)
| | \\//
└──────────────────────┘ \/
Semantic-ui components built with pure Vue.js
[DEPRECATED] and has been replaced by Kuhfskee.
SemaVue employs the concept of Web Components to build an extensible library of UI widgets by wrapping Semantic-ui elements in javascript, html and css / less styles.
┌────────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐
│ SemaVue │ │ Component │ │ Application │
│┌──────────────────────┐│ │┌────────────────────┐│ │┌───────────────┐│
││ - Components ││ ││ - Js, html & less ││ ││ - Theme ││
││ - Core styling ││ ││ - Docs ││ ││ - Layout ││
││ - Semantic-ui theme │├──────>││ - Accessibility │├──────>││ - Components ││
││ ││ ││ - Responsive ││ ││ ││
││ ││ ││ - Test ││ ││ ││
││ ││ ││ ││ ││ ││
│└──────────────────────┘│ │└────────────────────┘│ │└───────────────┘│
└────────────────────────┘ └──────────────────────┘ └─────────────────┘
Components can be stored in a repository as a group or indivisually. Each repository will have documentations, markup, logic, styling and test code for all components.
From Vue and React worlds