> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/saasable/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer.md).

# TopOffer

- [TopOffer1](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer1.md): The TopOffer1 component renders a collapsible alert card with customizable heading, caption, and buttons, and includes an icon with responsive styling and conditional layout adjustments.
- [TopOffer2](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer2.md)
- [TopOffer3](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer3.md): The TopOffer3 component displays a collapsible alert card with a central message and optional link, including customizable styling and focus-visible enhancements.
- [TopOffer4](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer4.md): The TopOffer4 component renders a collapsible alert card with a customizable message and optional secondary label and link, featuring central alignment and responsive styling.
- [TopOffer5](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer5.md): The TopOffer5 component displays a collapsible alert card with a background image, featuring a customizable message, email input with a button, and responsive styling for different screen sizes.