@lion/textarea NPM

Inputs >> Textarea >> Overview ||10

A webcomponent that enhances the functionality of the native <input type="textarea"> element. Its purpose is to provide a way for users to write text that is multiple lines long.

import { html } from '@lion/core';
import '@lion/textarea/define';

export const main = () => html`
  <lion-textarea label="Stops growing after 4 rows" max-rows="4"></lion-textarea>
`;

Features

Default rows is 2 and it will grow to max-rows of 6.
max-rows attribute to set the amount of rows it should resize to, before it will scroll
rows attribute to set the minimum amount of rows
readonly attribute to prevent changing the content
Uses Intersection Observer for detecting visibility change, making sure it resizes

Installation

npm i --save @lion/textarea

import { LionTextarea } from '@lion/textarea';
// or
import '@lion/textarea/define';

lion textarea web-components

@lion/core @lion/form-core @types/autosize autosize

@everything-registry/sub-chunk-551 @bliss-design-system/textarea @zalastax/nolb-_lio @backlight-dev/sincere-response-8fi2r.simba-kzanpojj @backlight-dev/m4dz.simba @backlight-dev/phyum.phyum @backlight-dev/teste-comp.simba-l9x8ele4 @backlight-dev/another-one.simba-kvs6sh3m @backlight-dev/bespace.simba-kv9mge72 @backlight-dev/degree-undergo-gztam.simba-ldk6j2gd @backlight-dev/dtcg.simba-ktl6nkz3 @backlight-dev/fine-faucet-r5cia.simba-kv9anepq @divriots/spooky @divriots/starter-simba @lion/form-integrations @lion/form-system @slum-ui/textarea

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago