Ix-Blind allows action elemente similar to mdsp css container

[Johanneslueke]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

Suggestion / feature request

TLDR

feature request:

I want to be able to place action elements at the top right corner of an ix-blind.
i want to be able to place any element there
i want to provide these elements via a slot

I think this feature is useful if you have the need to allow a user to trigger actions for a group/collection of things at once. E.g.
Deleting available items within the component or editing content of one specific container but not the other one without the need to visually divide the action from the component.

Background

I'm working on a project view list, and I want to present each available project as a tile-like element. However, the standard tiles provided by the ix framework don't quite fit my use case.

I had considered using ix-cards or ix-push-cards, but those don't allow me to properly format the content the way I need. So, I've decided to build a custom component from scratch, trying to leverage as many ix components as possible. The component I've come up with looks a bit basic, but it should do the job. I'm still working on refining the design and functionality but here it is:

As you can see i am utilizing an ix-blind and here starts my feature request:

• I want to be able to place action elements at the top right corner of an ix-blind.
• i want to be able to place any element there
• i want to provide these elements via a slot

at the end i wish that i have something similar to the container in mdsp css

https://design.mindsphere.io/patterns/container.html#tab3anchor6

here a little mockup:

[matthiashader]

Hello @Johanneslueke, something like in your mockup should already be possible with the slots that are provided via the ix-blind. I have prepared a little example here:
https://stackblitz.com/edit/cicesl3v?file=src%2Fblind-header-actions.tsx
If you have further question don't hestitate to ask!

[hanneslueke]

Hi, @matthiashader that is awesome. But this information is missing from the documentation. perhaps this information should included there 😄