Сделайте метку и текстовое поле в Form.Field встроенным - PullRequest
Новая
       10

Сделайте метку и текстовое поле в Form.Field встроенным

1 голос
/ 21 апреля 2020

Я хочу сделать метку и текстовое поле встроенными, как: 

         ****
   label ****
         ****

Но теперь это выглядит как 

   label
         ****
         ****
         ****

Мой код: 

<Form>
<Form.Field inline required>
    <label>Name</label>
    <Input placeholder="Rule name"/>
</Form.Field>
<Form.Field inline required>
    <label>Description</label>
    <TextArea placeholder="Description" rows={2}/>
</Form.Field>
</Form>

И метка и ввод может быть встроен с вертикальным выравниванием: middl со стилем 

.field>label {
     font-size: small;
     width: 80px;
     text-align: right;
     display: inline-block;
     vertical-align: middle;
}

Как я могу сделать этикетку и текстовое поле встроенными? У кого-нибудь есть идея?

...