Component Library 1

Welcome

Welcome to my Component Library. There are demos for each component within here to help guide you for implementation. Each componenet has a README.md file within the appropriate subdirectory in the repository within GitHub. Here too there is guidance for implementation.

Contents

Plain CSS Components

A collection of components made using CSS3 without JavaScript. So far I have added:

• Badge [HERE]
• ToolTips [HERE]
• Image 'Spinner' [HERE]

JS, CSS & PHP Components

These components use a little JavaScript to make them work alongside CSS.

• Menu Bar [HERE]
• Pop Up [HERE]
• TTY Heading [HERE]

Gallery

This one is a little more complex so it has a page of it's own.

DISCLAIMER: This is a 'for fun' project, the code is not perfect and is work in progress. I'm simply extracting code I used in other personal projects, tidying it up a little and putting it in a repository. I intend to continue adding and improving the project over time. I'm releasing it as Open Source under a GNU GPL v3 license so if anything is useful, feel free to use it any way you please! Thank you for visiting.

---

Guidance on Implementation Instructions

There are brief implementation instructions for each component. Where a code example is shown, comments within the code for guidance are in green and anything that should be replaced according to your implementation will be in green. The normal code is a light blue. Here's an example:

            
                
                //This is a comment
                /* So is this */
                <!-- And this is a HTML comment-->
                
                

                let textToReplace = "This is text you should change!";
                

                console.log ("Normal Code is this colour!!");