Giter Site home page Giter Site logo

sharath2106 / fw-ui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chippyho123/fw-input

0.0 1.0 0.0 201 KB

Form Input Web Components developed using StencilJS. Lightweight and customisable platform UI Kit

License: MIT License

CSS 37.84% TypeScript 49.07% HTML 13.10%

fw-ui's Introduction

🚩Let's build a lean UI kit

What is it

fw-uikit aims to build a minimal set of lean and light-weight UI components.

Here's a sample, a simple input field web component built using StencilJS.This can be themed with variable CSS.

What we will be building

  • TextField (Input)
  • Button
  • Spinner
  • TextArea
  • CheckBox
  • RadioButton
  • Select
  • Image
  • Table
  • Datepicker

To Contribute

  1. Fork this repo
  2. Run npm install --dev
  3. You can find the component view and css under the respective component directory. For example, in the case of Input field, You can find it under src/components/fw-input/fw-input.tsx and src/components/fw-input/fw-input.css respectively.
  4. You can make changes based on the issue/ suggestion 🎉 following the StencilJS documentation
  5. Once you have made the changes, run using npm start
  6. You can test the components by making changes to src/index.html
  7. Raise a PR from the feature branch to dev branch
  8. Changes (if any) will be suggested before approval. Please be kind enough to make them
  9. Once the changes are done. The PR will be merged ⚡️

Thanks for contributing. Mention your name in the PR so that I can list in the contributors section ♥️

Contributors

fw-ui's People

Contributors

ab9st8 avatar gopishankarharidas avatar hemchander23 avatar kaskar2008 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.