Textarea
Gives a textarea field or a component a distinct look that indicates its input capabilities.
import { Component } from '@angular/core';
import { HlmInputDirective } from '@spartan-ng/ui-input-helm';
@Component({
selector: 'spartan-textarea-preview',
standalone: true,
imports: [HlmInputDirective],
template: ` <textarea class="min-h-[80px] w-full" hlmInput placeholder="Type your message here."></textarea> `,
})
export class TextAreaPreviewComponent {}Note
To get that same distinct look of a spartan/ui input we can simply apply the same hlmInput directive we would apply to other input elements.
Installation
npx nx g @spartan-ng/cli:ui input
ng g @spartan-ng/cli:ui input
Usage
import { HlmInputDirective } from '@spartan-ng/ui-input-helm';<textarea hlmInput placeholder="Type your message here."></textarea>