Notification Banner with Dismiss Button

This component displays a notification banner with some content on the left and a dismiss button on the right. It uses Tailwind CSS utilities for styling such as flex, items-center, justify-between and gap-x-6 to create a responsive flex layout. The bg-gray-900 sets a dark background color while text-white sets the text to white. There is also use of Tailwind typography and spacing utilities like text-sm, leading-6, px-6, py-2.5, and sm:pr-3.5. Overall, it provides a way to nicely display in-app notifications or announcements that can be dismissed by the user.

Similar Components

Other components related to html, css, tailwind tags