# TopOffer

- [TopOffer1](/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](/saasable/ui-kit-v1.1.0/development/components/topoffer/topoffer2.md)
- [TopOffer3](/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](/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](/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.