custom size components

[frankz]

I saw that the “dense” attribute exists, but it is not enough.
Furthermore, I saw that there is also the “height” attribute, but I can’t understand how it works.
is it possible to set the custom size of a component as input textfield?

[s.molinari]

There is no height prop (did you mean prop?) in QInput.

You can do whatever you want via CSS. Inspect the component’s output in Chrome Devtools and rewrite/ override the CSS used in your component.

https://codepen.io/smolinari/pen/GRJbmWQ

Please note, I’m not a designer so what I’ve put in the codepen should be considered experimental. It’s just for the sake of demonstration.

Scott

[frankz]

thanks.
I’m sorry, you’re right, I got confused.
now I will try to play with the link to codepen

[frankz]

I can’t understand where the css classes should be selected.
in my case the component I’m talking about is:
<q-input v-model=“text” label=“Label” :dense=“dense” />
perchè non riesco a vedere nessun cambiamento

[s.molinari]

What do you mean by selected @frankz ?

Scott

[frankz]

in the codepen link, I see that there are 3 parts HTML, CSS and VUE.
in the CSS part there are the classes that change the values, but I have not understood where in <DIV> or <q-input> I have to define the class that interests me (eg q-field__control).

[s.molinari]

You find them by inspecting the element in something like Chrome devtools.

This.

Scott

[frankz]

I’ll try.
Thank you