Commit 2d789138 authored by Dominique Feyer's avatar Dominique Feyer

TASK: Missing component from the previous commit

parent a0dbd250
Pipeline #2039 passed with stage
in 1 minute and 3 seconds
import {Component, Prop} from '@stencil/core';
@Component({
tag: 'neos-form-input-wrapper',
styleUrl: 'styles/form-input-wrapper.dark.scss',
shadow: true
})
export class FormInputWrapper {
@Prop() label: string;
render() {
return (
<div class="label-wrapper">
<div class="label">
<neos-label label={this.label}></neos-label>
</div>
<div class="metadata">
<slot name="metadata"/>
</div>
</div>
);
}
}
@import "./form-input-wrapper";
@import "./form-input-wrapper.dark.vars";
:host {
display: flex;
color: $text-dark-color-value;
font-family: $font-family-dark-base;
font-weight: 400;
font-size: $font-size-dark-base;
line-height: 1.1;
.label-wrapper {
flex: 1;
}
.metadata {
margin-left: auto;
}
}
@import "./form-input-wrapper.vars";
:host {
@include font-smoothing();
}
.label-wrapper {
display: flex;
align-items: flex-end;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment