Alert component - hide elements not in use

Feature Requests
1

Hi guys,

The ‘Alert’ component is nice but, slightly annoying, it cannot be smaller than 3 spaces wide as the component leaves room for e.g. a button even if you don’t want one.

I’d quite like to be able to get it down to 1 space by only having a title, for example.

Cheers,

Jack

2

Hey @jacks, thanks for the feedback! Do you have a screenshot of an example app where you’d like a one column wide alert component?

1 Like
3

I would just like to display a single word indicating the state of the page e.g.

image

image

Cheers,

Jack

4

Got it, thanks for the example. Are you toggling the alert type here, as well? (e.g. deleteToggle being true changes the alert type to ‘warning’ or ‘error’?)

5

Yes - that is working as expected.

Delete = error
Edit = warning

My logic might be a bit backwards but it works with only the 3 toggles I have.

6

Thanks for the extra detail. We’ll take a look and how we might be able to gracefully degrade the component at smaller sizes, without obfuscating the optional message and action button (if set).

2 Likes
7
8