# Action banner

A versatile and somewhat unopinionated component. Commonly used as a linkbox to combine multiple elements into a single interactable element.

Tabs: [Guidelines](/components/web/action-banner/action-banner.guidelines.md) · [Code](/components/web/action-banner/action-banner.code.md)

[View in Figma](https://www.figma.com/design/J4pl8gvfmMdbigPMiaCwrr/%F0%9F%94%AD-Web-Components---Telescope?node-id=17474-77016&t=rSNmmqks6cPefwuh-11)[View on Github](https://github.com/pleo-io/web/tree/main/published-packages/telescope-components/src/components/action-banner)[Open in Storybook](https://telescope.pleo.io/storybook/?path=/story/action-banner--with-icon)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## No guidelines available

We haven't created guidelines for the Action banner component yet. If you're interested in helping out, please refer to [our contribution model](/contributing/contributing.overview).

## Related components

- [Banner](/components/web/banner/banner.guidelines): A prominent section at the top of a page that provides users with important feedback or information relating to the entire page, product, or application.
- [Callout](/components/web/callout/callout.guidelines): Capture the attention of users and provide them with important feedback or information that relates to an entire page or page section.
- [Promotional Banner](/components/web/promotional-banner/promotional-banner.guidelines): Displays an important, succinct, promotional message, and provides actions for users to address (or dismiss the banner). It requires a user action to be dismissed.