@luis-angel-martin-dzul/vue-input-styles 0.0.43 → 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 +7 -6
- package/dist/vue-input-styles.es.js +444 -446
- package/dist/vue-input-styles.umd.js +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -409,23 +409,24 @@ Es un botón estilizado que permite personalizar rápidamente su apariencia usan
|
|
|
409
409
|
|
|
410
410
|
| Propiedad | Tipo | Descripción |
|
|
411
411
|
| --------- | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
|
|
412
|
-
|
|
|
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. |
|
|
413
414
|
| variant | String | Define el tipo de estilo del botón. Ejemplo: `"solid"` (relleno), `"outline"`, etc. _(Por defecto: `"solid"`)_ |
|
|
414
415
|
| color | String | Establece el color principal del botón. Ejemplo: `"gray"`, `"blue"`, `"red"`, `"green"`, `"yellow"`. _(Por defecto: `"gray"`)_ |
|
|
415
416
|
| disabled | Boolean | Desactiva el botón, bloqueando su interacción y aplicando un estilo visual correspondiente. _(Por defecto: `false`)_ |
|
|
416
417
|
| delay | String | Tiempo (seg) que estara desactivado el boton, despues de presionar. _(Por defecto: `1.5`)_ |
|
|
417
|
-
| full | Boolean | Hace que el botón ocupe todo el ancho disponible (100%). _(Por defecto: `false`)_ |
|
|
418
418
|
|
|
419
419
|
#### ✔️ Ejemplo de uso
|
|
420
420
|
|
|
421
421
|
```bash
|
|
422
422
|
<button-style
|
|
423
|
+
type="submit"
|
|
423
424
|
color="gray"
|
|
424
425
|
variant="outline"
|
|
425
|
-
full="true"
|
|
426
426
|
delay="2"
|
|
427
427
|
disabled>
|
|
428
|
-
Boton
|
|
428
|
+
Boton
|
|
429
|
+
</button-style>
|
|
429
430
|
```
|
|
430
431
|
|
|
431
432
|
### ☑️ CheckStyle — Funcionamiento básico
|
|
@@ -561,9 +562,9 @@ Es un campo de texto estándar mejorado, útil para capturar valores simples com
|
|
|
561
562
|
| ----------- | ------- | ----------------------------------------------------------------------------------------------------------- |
|
|
562
563
|
| modelValue | String | Valor vinculado mediante `v-model`. _(Por defecto: `""`)_ |
|
|
563
564
|
| label | String | Texto que aparece como etiqueta del input. _(Por defecto: `""`)_ |
|
|
565
|
+
| placeholder | String | Texto guía mostrado dentro del input. _(Por defecto: `""`)_ |
|
|
564
566
|
| type | String | Tipo de input HTML. Ejemplos: `"text"`, `"number"`, `"email"`, `"password"`, etc. _(Por defecto: `"text"`)_ |
|
|
565
567
|
| maxlength | String | Límite máximo de caracteres del input. _(Por defecto: `null` Sin limites) _ |
|
|
566
|
-
| placeholder | String | Texto guía mostrado dentro del input. _(Por defecto: `""`)_ |
|
|
567
568
|
| disabled | Boolean | Desactiva el campo e impide su edición. _(Por defecto: `false`)_ |
|
|
568
569
|
| required | Boolean | Marca el botón como asociado a una acción obligatoria. _(Por defecto: `false`)_ |
|
|
569
570
|
|
|
@@ -718,4 +719,4 @@ El método recibe dos parámetros:
|
|
|
718
719
|
- Primer parámetro (título): Es el encabezado o título de la alerta.
|
|
719
720
|
- Segundo parámetro (mensaje/descripción opcional): Es el texto secundario que explica qué está ocurriendo.
|
|
720
721
|
|
|
721
|
-
|