Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add start and end slot to card actions #12664

Closed
wnvko opened this issue Feb 16, 2023 · 0 comments · Fixed by #12777
Closed

Add start and end slot to card actions #12664

wnvko opened this issue Feb 16, 2023 · 0 comments · Fixed by #12777
Assignees
Labels
card 👑 app-builder 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.

Comments

@wnvko
Copy link
Contributor

wnvko commented Feb 16, 2023

Is your feature request related to a problem? Please describe.

There is no way to put anything but buttons to the left part of the card actions, and icons/icon type buttons to the right part of the card actions. If I need to add avatar, or chip, or whatever else my design requires to the left or right side of the card actions this is not possible.

Describe the solution you'd like

Allow adding any component to the left and to the right side of the card action by mark a container with some predefined directives like this:

        <igx-card-actions>
            <div igx-start>
              <button igxButton igxRipple>First button</button>
              <button igxButton igxRipple>Second button</button>
            </div igx-start>
            <div igx-end>
              <button igxButton igxRipple>Last button</button>
            </div igx-end>
        </igx-card-actions>

Describe alternatives you've considered

I did not find a way to add any other components to left and right side of the card actions.

@simeonoff simeonoff assigned simeonoff and SisIvanova and unassigned simeonoff Feb 20, 2023
@SisIvanova SisIvanova added 🛠️ status: in-development Issues and PRs with active development on them and removed 🆕 status: new labels Mar 15, 2023
@SisIvanova SisIvanova added ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. and removed 🛠️ status: in-development Issues and PRs with active development on them labels Mar 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
card 👑 app-builder 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants