Media-Object

Namespace

using Blazor_Foundation_6.Components.Containers;

Attributes

MediaObjectWrapper

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.

MediaObjectSection

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.

Thumbnail

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<MediaObjectWrapper>
    <MediaObjectSection Class="middle">
        <Thumbnail>
            <img src="img/avatar-2.jpg" />
        </Thumbnail>
    </MediaObjectSection>
    <MediaObjectSection>
        <h4>Why is it so important to dream?</h4>
        <p>So, once we've made the plant, how do we go out? Hope you have something more elegant in mind than shooting me in the head? A kick. What's a kick? This, Ariadne, would be a kick.</p>
        <p>What is the most resilient parasite? Bacteria? A virus? An intestinal worm? An idea. Resilient... highly contagious. Once an idea has taken hold of the brain it's almost impossible to eradicate. An idea that is fully formed - fully understood - that sticks; right in there somewhere.</p>
        <MediaObjectSection>
            <MediaObjectSection Class="middle">
                <Thumbnail>
                    <img src="img/avatar-2.jpg" />
                </Thumbnail>
            </MediaObjectSection>
            <MediaObjectSection>
                <h4>Why is it so important to dream?</h4>
                <p>So, once we've made the plant, how do we go out? Hope you have something more elegant in mind than shooting me in the head? A kick. What's a kick? This, Ariadne, would be a kick.</p>
                <p>What is the most resilient parasite? Bacteria? A virus? An intestinal worm? An idea. Resilient... highly contagious. Once an idea has taken hold of the brain it's almost impossible to eradicate. An idea that is fully formed - fully understood - that sticks; right in there somewhere.</p>
            </MediaObjectSection>
        </MediaObjectSection>
    </MediaObjectSection>

</MediaObjectWrapper>