Simplified CSS for text areas

[jreus]

Is your Feature Request Related to a Problem?

Text areas are often too small, do not fit the width of the note, or require awkward resizing by hand using the handle on the bottom right.

Describe the Feature you'd Like

I would like a simplified CSS option for textareas that allow you to specify the number of rows of the text area and by default have the text area fill the entire width of the note. This would make it faster/easier to create forms, and make text-areas more easy to work with for quick note taking - as they would not require any awkward mouse-operated resizing and you could just write into them like any other part of your note.

[mProjectsCode]

https://www.moritzjung.dev/obsidian-meta-bind-plugin-docs/reference/inputfieldarguments/class/

[000micky]

Would love to be able to do this, but I'm not very good with css. Any tips / hints on how to setup the css / class to set the width of the textarea?

[mProjectsCode]

You can try using the two utility classes that ship with the plugin. INPUT[textArea(showcase, class(meta-bind-full-width), class(meta-bind-high)):textArea]

Otherwise, you need to create a CSS snippet with

.class-name-here > textarea {
    /* styles here */
}

[000micky]

Thanks this is super helpful for me! Is there any where I can find other built in utility classes that ship with meta-bind?

[mProjectsCode]

there are none xD