@topjoao/top-design-system 0.2.0 → 0.2.12
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 +10 -1
- package/dist/{TopToast-NcOUE0L3.js → TopToast-LduM5Y6j.js} +389 -369
- package/dist/TopToast-LduM5Y6j.js.map +1 -0
- package/dist/TopToast-pn0Xv1kN.cjs +2 -0
- package/dist/TopToast-pn0Xv1kN.cjs.map +1 -0
- package/dist/components/TopTextArea.vue.d.ts +3 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/plugin.cjs +1 -1
- package/dist/plugin.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/TopToast-CInWA4Cm.cjs +0 -2
- package/dist/TopToast-CInWA4Cm.cjs.map +0 -1
- package/dist/TopToast-NcOUE0L3.js.map +0 -1
package/README.md
CHANGED
|
@@ -836,7 +836,8 @@ const descricao = ref('')
|
|
|
836
836
|
label="Descrição"
|
|
837
837
|
placeholder="Descreva o item"
|
|
838
838
|
:rows="5"
|
|
839
|
-
|
|
839
|
+
:max-length="500"
|
|
840
|
+
show-counter
|
|
840
841
|
required
|
|
841
842
|
/>
|
|
842
843
|
</template>
|
|
@@ -853,6 +854,14 @@ const descricao = ref('')
|
|
|
853
854
|
| `readonly` | `boolean` | `false` |
|
|
854
855
|
| `rows` | `number` | `4` |
|
|
855
856
|
| `autoResize` | `boolean` | `false` |
|
|
857
|
+
| `maxLength` | `number` | `undefined` (sem limite) |
|
|
858
|
+
| `showCounter` | `boolean` | `false` |
|
|
859
|
+
|
|
860
|
+
`maxLength` define o limite nativo de caracteres para digitação e colagem.
|
|
861
|
+
`showCounter` exibe a contagem abaixo do campo, alinhada à direita, no formato
|
|
862
|
+
`12 / 500 caracteres`. Sem limite configurado, mostra apenas `12 caracteres`.
|
|
863
|
+
O contador acompanha o `v-model`; ocultá-lo não remove o limite. Valores atribuídos
|
|
864
|
+
diretamente ao `v-model` não são truncados pelo limite nativo do navegador.
|
|
856
865
|
|
|
857
866
|
Atributos e eventos nativos adicionais, como `name`, `maxlength`, `aria-*`,
|
|
858
867
|
`data-*`, `focus` e `blur`, são repassados ao elemento `textarea` interno.
|