textarea
textarea.na-textarea.na-font-mono(title='helloworld') helloworld ## disabled
textarea.na-textarea.na-font-mono(
title='helloworld'
disabled
style={ resize: 'none' }
) helloworld ## placeholder
label.na-form-item
span 程式代码
.na-input-wrapper
textarea.na-textarea.na-font-mono(
title='helloworld'
placeholder='helloworld'
) ## data-primary
设置 textarea.na-textarea[data-primary] 可以覆盖全局css变量 --outline-color-*:focus
直接使用局部变量 --color-textarea 也可以设置主题颜色RGB值, 优先于 --color-input*-wrapper
each primary in ['', 'success', 'danger', 'warning']
textarea.na-textarea(
title=primary
placeholder=primary
data-primary=primary
)
textarea.na-textarea(
title="custom"
placeholder="primary"
style="--color-textarea: var(--blue-6)"
)
.na-input-wrapper(data-primary)
textarea.na-textarea(
title="wrapper"
placeholder="wrapper"
) ## .sm & .lg
不设置宽高时默认是2行高20个等宽半角字符宽
全局变量 --padding-textarea 设置内边距
有下面两个预设尺寸:
textarea.na-textarea.sm
textarea.na-textarea.lg