cgdougm / gfx-monster

Exercise in writing SvelteJS components found or inspired by W3C School's How-To's

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

W3C School's How-To's components

These are a few of the components I saw on W3C School's How-To and wrote the SvelteJS equivalent.

(More information about SvelteJS.)

gfx.monster

Motivation

I wanted to learn more about the proper way to construct components.

I'd also like to see the difference between plain vanilla JavaScript components and the Svelte version, as well as other more common frameworks.

Demo

The project is available at my Two-dollar domain.

I've used surge.sh to deploy.

Components

Button

  • CloseButton for dismissing other components
  • OpenCloseButton for expanding or collapsing

Menu

  • SidebarFixed
  • TabGroup

more

  • Card
  • Collapsible
  • DynamicStyle
  • Overlay

other

  • DraggableLabel
  • Dropzone

About

Exercise in writing SvelteJS components found or inspired by W3C School's How-To's


Languages

Language:Svelte 65.0%Language:JavaScript 30.9%Language:CSS 2.7%Language:HTML 1.2%Language:Shell 0.1%