Skip to content

Kirby 3.9.8

Counter

<k-counter>

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

We use the counter in many fields to show the character count of an input or the accepted min/max length of items. You can use the counter yourself very easily:

<k-counter :count="text.length" :min="2" :max="10" />
<input v-model="text">

Props

Prop Type Default Description
count
number
max
number
min
number
required
boolean
false

CSS classes

.k-counter