angular material - Is it possible to position content on the same row as md-tab? -
i'm trying place simple logo img next row of tabs, seems default behavior tabs take horizontal space if isn't required display tabs. tried using layout="row" on containing div, made tabs disappear leaving image. possible?
edit: in response @nitin below - code not quite i'm asking. see picture of codes results.

let me clarify. i'd image on same horizontal tab buttons, red-underlined text is. so:
one 2 (some space) image
{
(some tab content)
}
this work
<md-content class="md-padding"> <md-tabs md-dynamic-height md-border-bottom> <md-tab label="one"> <md-content class="md-padding"> <h1 class="md-display-2">tab one</h1> </md-content> </md-tab> <md-tab label="two"> <md-content class="md-padding"> <h1 class="md-display-2">tab two</h1> </md-content> </md-tab> <md-tab> <img src='' alt='image'> </md-tab> </md-tabs> </md-content> plunker here
Comments
Post a Comment