UCI

Input: Default 

<div class="textarea">
    <textarea class="textarea-field 
            input-distinguisher_
            " name="" title="" placeholder="Input"></textarea>
</div>
 
<div class="textarea">
    <textarea class="textarea-field {{#if disabled}}disabled{{/if}}
            {{#if isLanding}}
            {{else}}
            input-distinguisher_{{ distinguisher }}
            {{/if}}
            " {{#if id}} id="{{ id }}" {{/if}} name="{{ title }}" title="{{ title }}" {{#if placeholder}}
        placeholder="{{ placeholder }}" {{/if}} {{#if validationAttributes}} {{{ validationAttributes }}} {{/if}} {{#if
        readonly}} readonly {{/if}}>{{#if value}}{{ value }}{{/if}}</textarea>
</div>
 
{
  "type": "text",
  "placeholder": "Input"
}
  • Content: 
    .textarea {
    &-field{
        width: 100%;
        min-height: 95px;
        padding: 15px;
        border: 1px solid var(--color-grey3);
        font-family: 'Jornada Sans Book';
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        color: var(--color-text);
        background-color: transparent;
        resize: none;

        @media (--viewport-ms-min) {
            padding: 15px;
        }

        &:disabled, &.disabled{
            background-color: var(--color-quaternary);
            border-color: var(--color-quinary);
        }

        &-field {
            transition: border-color 0.3s;
        }
    }
}
  • URL: /components/raw/textarea/textarea.css
  • Filesystem Path: src/01-atoms/textarea/textarea.css
  • Size: 659 Bytes

No notes defined.