Ribbon

A component to show informational messages with optional actions.

Default variants

This is an info message

Checkmark

This is a success message

This is a warning message

This is an error message

With custom icon

Custom icon overrides the default variant icon

Sizes

Default size ribbon

Small size ribbon

With button states

With button

With disabled button

With clicked state