j-Button

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Un composant de bouton simple avec d'excellentes fonctionnalités.

Tout à fait réactionnaire
Soutenir la validation

Configuration :

exec {String} require un chemin vers la méthode function(el, path)
Les icônes de icon {String} Total JS (defaut : undefined)
color {String} Une couleur d'icône (defaut : undefined)
validation {Boolean} Permet la validation pour tous les composants sur le chemin (defaut: true)
delay {Numéro} un délai de validation (défaut: 100)
name {String} un nom pour l'attribut name (defaut: submit)
size {String} à la taille :
- small
- normal (defaut à l’origine)
- large
- big
ddos {String} Une simple prévente DDOS pour plusieurs clics, valeurs possibles:
- undefined prévention handicapée
- 10 seconds
- session
- 1 day
- et etc.
if {String} peut contenir la condition JS pour l'évaluation (optionnelle)
- value {Object} contient tout le modèle
- path {String} contient un chemin modifié
- Il faut revenir à Boolean
track {String} peut contenir des voies divisées par comma qui évaluent la validation (exécuteurs pour les voies ne sont pas des composants, mais ces méthodes SET(), UPD(), INC(), etc.)
validonly {Boolean} des vaisseaux de l'état dirty (defaut: false)

Utilisez-le avec <ui-component name="button">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html

<div class="row">
	<div class="col-md-3 col-xs-6">
		<ui-component name="button" config="exec:clickme" class="hidden">Show me</ui-component>
	</div>
</div>

<script>

	function clickme() {
		alert('Clicked!');
	}

</script>