Git Product home page Git Product logo

tata's Introduction

TaTa.js

Live Demo

GitHub issues GitHub forks GitHub stars

Install

yarn add tata-js

import tata from 'tata-js'

OR

<script src="tata.js"></script>

Usage

tata.text('Hello', 'Have a nice day.', {// config})
tata.log('Hello', 'Have a nice day.', {// config})
tata.info('Hello', 'Have a nice day.', {// config})
tata.success('Hello', 'Have a nice day.', {// config})
tata.warn('Hello', 'Have a nice day.', {// config})
tata.error('Hello', 'Have a nice day.', {// config})

Config

name tpye default Description
position string tr tr, tm, tl, mr, mm, ml, bl, bm, br
duration number 3000 show haw many time
progress boolean true dispaly a progress bar
holding boolean false no disappear
closeBtn boolean true show close button
animate string fade fade or slide
onClick function null callback function on click
onClose function null callback function on close

License

MIT

tata's People

Contributors

xrr2016 avatar dependabot[bot] avatar

Stargazers

Renan Menezes avatar Pedro Augusto avatar Gustavo Henrique avatar avatar avatar Torther avatar DeveloperDavey avatar Alan Bernal avatar Fauzan Aditia avatar avatar Alec Shan avatar avatar 祀画 avatar HeilAsuka avatar Felix Yan avatar Tom De Bourgogne avatar Maxence Simon avatar Rahul Singh avatar Chris Tales avatar Dennis Stanistan avatar Suhail KC avatar Andris Dobičinaitis avatar Mr.F avatar V avatar Bakhromjon avatar Demetrius Panovitch avatar Emirhan Naneli avatar Marcelo Alvim avatar Talha F. avatar Adam Richter avatar Erfan Chegini avatar avatar Shyam Prasad avatar Dominic Frye avatar Eric Golde avatar Lukas Langer avatar João Bondim avatar 铝箔 avatar WooMai avatar Gilles Migliori avatar Özgür ÖZALP avatar Mauricio Reale avatar liu_git avatar ImFantuan avatar plh avatar avatar Jusn avatar avatar DeepKolos avatar 刘 avatar HanQ avatar gaojingran960611 avatar Max You avatar avatar Hykes avatar JasonFeng avatar yyman001 avatar leo avatar meteorcyclops avatar Ou FuHua avatar

Watchers

avatar

Forkers

libin1991 cirolee doguleas boxabhi lihas abhirup-99 zhe7 theeradech-d aspleym

tata's Issues

Close when clicked

Hello,
I love the functionality of tata :)

Is there a way to close a tata when it is clicked? The callback for onClick does not receive any parameter. And it seems that there is no close()-function either.

Best regards,
Thorsten

Full width

How to configure to full width?

cheers

MREALE

Doesnt appear

I have put the tata.js in one of my folders and in my index.html, I put the script line in my scripts section but nothing is popping on on the website. Its either its not working or I didnt set it up right lol.

How to connect tata and webpack?

I imported tata.js in index.js like so:

import tata from "tata-js";
global.tata = tata;

it says: "export 'default' (imported as 'tata') was not found in 'tata-js'
how can i acheave result?

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.