@luis-angel-martin-dzul/vue-input-styles 0.0.42 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -17
- package/dist/vue-input-styles.es.js +444 -446
- package/dist/vue-input-styles.umd.js +3 -3
- package/package.json +1 -4
package/README.md
CHANGED
|
@@ -10,19 +10,10 @@ La instalación se realiza mediante **npm** utilizando el registro privado de Gi
|
|
|
10
10
|
|
|
11
11
|
---
|
|
12
12
|
|
|
13
|
-
### 1️⃣
|
|
14
|
-
|
|
15
|
-
Agrega la siguiente configuración:
|
|
13
|
+
### 1️⃣ Instalar el paquete
|
|
16
14
|
|
|
17
15
|
```bash
|
|
18
|
-
@luis-angel-martin-dzul
|
|
19
|
-
//npm.pkg.github.com/:_authToken=[TOKEN]
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
### 2️⃣ Instalar el paquete
|
|
23
|
-
|
|
24
|
-
```bash
|
|
25
|
-
npm install @luis-angel-martin-dzul/vue-input-styles@0.0.42
|
|
16
|
+
npm i @luis-angel-martin-dzul/vue-input-styles
|
|
26
17
|
```
|
|
27
18
|
|
|
28
19
|
### 🚀 Uso básico
|
|
@@ -418,23 +409,24 @@ Es un botón estilizado que permite personalizar rápidamente su apariencia usan
|
|
|
418
409
|
|
|
419
410
|
| Propiedad | Tipo | Descripción |
|
|
420
411
|
| --------- | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
|
|
421
|
-
|
|
|
412
|
+
| type | String | Define el compartamiento del boton, `"button"`, `"submit"`. _(Por defecto: `"button"`)_ |
|
|
413
|
+
| class | String | Define el tipo de estilo del botón de forma manual. |
|
|
422
414
|
| variant | String | Define el tipo de estilo del botón. Ejemplo: `"solid"` (relleno), `"outline"`, etc. _(Por defecto: `"solid"`)_ |
|
|
423
415
|
| color | String | Establece el color principal del botón. Ejemplo: `"gray"`, `"blue"`, `"red"`, `"green"`, `"yellow"`. _(Por defecto: `"gray"`)_ |
|
|
424
416
|
| disabled | Boolean | Desactiva el botón, bloqueando su interacción y aplicando un estilo visual correspondiente. _(Por defecto: `false`)_ |
|
|
425
417
|
| delay | String | Tiempo (seg) que estara desactivado el boton, despues de presionar. _(Por defecto: `1.5`)_ |
|
|
426
|
-
| full | Boolean | Hace que el botón ocupe todo el ancho disponible (100%). _(Por defecto: `false`)_ |
|
|
427
418
|
|
|
428
419
|
#### ✔️ Ejemplo de uso
|
|
429
420
|
|
|
430
421
|
```bash
|
|
431
422
|
<button-style
|
|
423
|
+
type="submit"
|
|
432
424
|
color="gray"
|
|
433
425
|
variant="outline"
|
|
434
|
-
full="true"
|
|
435
426
|
delay="2"
|
|
436
427
|
disabled>
|
|
437
|
-
Boton
|
|
428
|
+
Boton
|
|
429
|
+
</button-style>
|
|
438
430
|
```
|
|
439
431
|
|
|
440
432
|
### ☑️ CheckStyle — Funcionamiento básico
|
|
@@ -570,9 +562,9 @@ Es un campo de texto estándar mejorado, útil para capturar valores simples com
|
|
|
570
562
|
| ----------- | ------- | ----------------------------------------------------------------------------------------------------------- |
|
|
571
563
|
| modelValue | String | Valor vinculado mediante `v-model`. _(Por defecto: `""`)_ |
|
|
572
564
|
| label | String | Texto que aparece como etiqueta del input. _(Por defecto: `""`)_ |
|
|
565
|
+
| placeholder | String | Texto guía mostrado dentro del input. _(Por defecto: `""`)_ |
|
|
573
566
|
| type | String | Tipo de input HTML. Ejemplos: `"text"`, `"number"`, `"email"`, `"password"`, etc. _(Por defecto: `"text"`)_ |
|
|
574
567
|
| maxlength | String | Límite máximo de caracteres del input. _(Por defecto: `null` Sin limites) _ |
|
|
575
|
-
| placeholder | String | Texto guía mostrado dentro del input. _(Por defecto: `""`)_ |
|
|
576
568
|
| disabled | Boolean | Desactiva el campo e impide su edición. _(Por defecto: `false`)_ |
|
|
577
569
|
| required | Boolean | Marca el botón como asociado a una acción obligatoria. _(Por defecto: `false`)_ |
|
|
578
570
|
|
|
@@ -727,4 +719,4 @@ El método recibe dos parámetros:
|
|
|
727
719
|
- Primer parámetro (título): Es el encabezado o título de la alerta.
|
|
728
720
|
- Segundo parámetro (mensaje/descripción opcional): Es el texto secundario que explica qué está ocurriendo.
|
|
729
721
|
|
|
730
|
-
|