GithubHelp home page GithubHelp logo

htmlelements / smart-tooltip Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 1.0 10 KB

Tooltip Web Component

License: Apache License 2.0

CSS 100.00%
tooltip tooltip-web-component tooltip-plugin tooltip-custom-element tooltips bootstrap tooltip-library html-tooltip html5 javascript

smart-tooltip's Introduction

 Slack Price npm GitHub package version License: APACHE Published on webcomponents.org

<smart-tooltip>

Live Demo ↗ | Documentation ↗ | Installation ↗

<smart-tooltip> is a Custom HTML Element providing slide show/banner rotator](https://htmlelements.com/).

    <smart-button style="margin: 50px;" id="button">Button</smart-button>
    <smart-tooltip id="tooltip" selector="button" arrow>Tooltip</smart-tooltip>

Screenshot of smart-tooltip

Getting Started

Smart HTML Elements components documentation includes getting started, customization and api documentation topics.

Getting Started Documentation

The file structure for Smart HTML Elements

  • source/

    Javascript files.

  • source/styles/

    Component CSS Files.

  • demos/

    Demo files

Running demos in browser

  1. Fork the Smart-HTML-Elements-Core repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the Smart-HTML-Elements-Core directory, run npm install and then bower install to install dependencies.

  4. Run a localhost or upload the demo on a web server. Then run:

  • /demos/smart-tooltip/smart-tooltip-overview.htm

Following the coding style

We are using ESLint for linting JavaScript code.

Creating a pull request

  • Make sure your code is compliant with ESLint
  • Submit a pull request with detailed title and description
  • Wait for response from one of our team members

License

Apache License 2.0

smart-tooltip's People

Contributors

bmarkov avatar boikom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

lordoftheflies

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.