## Implementation Context - **Primary**: Use **SenangStart CSS** for the implementation. - **Reference**: Tailwind CSS is provided for stylistic context only. ## SenangStart CSS Usage To use SenangStart CSS, simply include the script in your HTML ``: ```html My App

Hello SenangStart!

Zero config, instant styling.

``` **Documentation**: [Getting Started Guide](https://bookklik-technologies.github.io/senangstart-css/guide/getting-started.html) # Textarea Category: forms Description: Standard Textarea ## Small Variant ### SenangStart CSS Code ```html <textarea space="w:[100%] p-y:small p-x:small-3x" visual="border-w:regular border:neutral-200 rounded:medium text-size:small focus:outline:none focus:border:blue-600 transition:colors" class="placeholder-gray-400" rows="3" placeholder="Type here (S)..."></textarea> ``` ### Tailwind CSS Code ```html <textarea class="w-full py-2 px-3 border-2 border-neutral-200 rounded-lg text-sm focus:outline-none focus:border-blue-600 placeholder-gray-400 transition-colors" rows="3" placeholder="Type here (S)..."></textarea> ``` ## Medium Variant ### SenangStart CSS Code ```html <textarea space="w:[100%] p-y:small p-x:small-3x" visual="border-w:regular border:neutral-200 rounded:medium text-size:base focus:outline:none focus:border:blue-600 transition:colors" class="placeholder-gray-400" rows="4" placeholder="Type here (M)..."></textarea> ``` ### Tailwind CSS Code ```html <textarea class="w-full py-2 px-3 border-2 border-neutral-200 rounded-lg text-base focus:outline-none focus:border-blue-600 placeholder-gray-400 transition-colors" rows="4" placeholder="Type here (M)..."></textarea> ``` ## Large Variant ### SenangStart CSS Code ```html <textarea space="w:[100%] p-y:small p-x:small-3x" visual="border-w:regular border:neutral-200 rounded:medium text-size:large focus:outline:none focus:border:blue-600 transition:colors" class="placeholder-gray-400" rows="5" placeholder="Type here (L)..."></textarea> ``` ### Tailwind CSS Code ```html <textarea class="w-full py-2 px-3 border-2 border-neutral-200 rounded-lg text-lg focus:outline-none focus:border-blue-600 placeholder-gray-400 transition-colors" rows="5" placeholder="Type here (L)..."></textarea> ```