We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

New team members added

3 new members have joined your workspace this week.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Cover="MediaCard.CardCover.Full"
           ActionLayout="MediaCard.CardActionLayout.Stack">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Cover="MediaCard.CardCover.Full"
           ActionLayout="MediaCard.CardActionLayout.Horizontal">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Cover="MediaCard.CardCover.Center"
           ActionLayout="MediaCard.CardActionLayout.Stack">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/avatar.jpg"
           Style="MediaCard.CardStyle.Avatar"
           Cover="MediaCard.CardCover.Full"
           ActionLayout="MediaCard.CardActionLayout.Stack">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

New update released

Check out the all new dashboard view. Pages load faster.

New update released

Check out the all new dashboard view. Pages load faster.

New update released

Check out the all new dashboard view. Pages load faster.

<MediaCard Title="New update released"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Size="MediaCard.CardSize.Small"
           Cover="MediaCard.CardCover.Full"
           ActionLayout="MediaCard.CardActionLayout.Stack">
    <Actions>
        <Button Variant="primary" Size="xs" Text="Changelog" />
        <Button Variant="secondary" Size="xs" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Size="MediaCard.CardSize.Large"
           Cover="MediaCard.CardCover.Full"
           ActionLayout="MediaCard.CardActionLayout.Stack">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Cover="MediaCard.CardCover.Full"
           ShowMenu="true"
           ActionLayout="MediaCard.CardActionLayout.Horizontal">
    <MenuContent>
        <div class="floating-menu-group">
            <button class="floating-menu-item">Edit</button>
            <button class="floating-menu-item">Share</button>
        </div>
        <div class="floating-menu-group">
            <button class="floating-menu-item floating-menu-item--danger">Delete</button>
        </div>
    </MenuContent>
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</MediaCard>

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

We've just released a new update!

Check out the all new dashboard view. Pages now load faster.

<MediaCard Title="We've just released a new update!"
           Description="Check out the all new dashboard view."
           ImageSrc="/images/cover.jpg"
           Cover="MediaCard.CardCover.Full"
           ShowActions="false" />

Media Card

Default — Full Cover — Stacked Actions

Default — Full Cover — Horizontal Actions

Default — Center Block Cover

Avatar Style

Small Size

Large Size

With Three-Dot Menu

Without Actions