CODEWITHSUNDEEP
javascripthtmlcssreactjssemantic-ui
amir
amir

Reputation: 2573

how to set min height in semantic-ui react

i using the semantic-ui-react. I have a Container main which has an Segment inside for show page details. but this Segment's height is changing according content inside. i want to set an mix height to alway stay fixed size. here is my code: 

class App extends Component {
  render() {
    return (
      <div className="App">
        <Container>
          <Header />
          <Segment />
        </Container>
      </div>
    );
  }
}

enter image description here

Upvotes: 4

Views: 2965

Answers (1)

Fawaz
Fawaz

Reputation: 3560

You can set minHeight style/css on your component or any div inside :

<Segment style={{ minHeight: 15 }} />

Upvotes: 5

Related Questions