сохранить новую строку в <ExpansionPanelDetails>пользовательского интерфейса материала - PullRequest
Новая
       5

сохранить новую строку в <ExpansionPanelDetails>пользовательского интерфейса материала

0 голосов
/ 20 декабря 2018

Я получил расширенную панель, которая выглядит следующим образом: 

  <ExpansionPanel>
    <ExpansionPanelSummary>this is a title</ExpansionPanelSummary>
    <ExpansionPanelDetails>
      <Typography>line 1</Typography>
      <Typography>line 2</Typography>
      <Typography>line 3</Typography>
    </ExpansionPanelDetails>
  </ExpansionPanel>

Мне нужно содержимое в ExpansionPanelDetails сохранить несколько строк: 

line 1
line 2
line 3

Но на самом деле это: 

line 1line 2line 3

Я попытался обернуть <Typography> с <div> и добавить <br />.Все не может работать.

Есть идеи?

Спасибо!

"@material-ui/core": "^3.7.0"

1 Ответ

0 голосов
/ 20 декабря 2018

ExpansionPanelDetails фактически отображается как гибкий контейнер.Таким образом, вы можете просто изменить направление флекса.

Используя примеры пользовательского интерфейса материалов, это может выглядеть примерно так: https://codesandbox.io/s/zn8v57mo23

...