=== Notice Alert Block ===
Contributors: snehalpancholi
Tags: alert, notice, gutenberg, block, warning
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
Stable tag: 1.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Gutenberg block for styled info, success, warning, and error alert boxes with icons and an optional dismiss button.

== Description ==

Notice Alert Block provides a native Gutenberg block for adding styled notification boxes to your posts and pages. Choose from four semantic alert types (info, success, warning, error), add an optional bold title, write your message with rich text, and enable a one-click dismiss button for visitors.

**Features:**
* Four alert types: Info, Success, Warning, Error
* Optional heading title above the message
* Rich text message body
* One-click dismissible with smooth fade-out animation
* CSS variables for easy theme customisation
* Dark mode support via `prefers-color-scheme`
* Accessible — `role="alert"`, labelled dismiss button
* PHP server-side render — block output works even if JS is disabled (except dismiss)

== Installation ==

1. Upload the `notice-alert-block` folder to `/wp-content/plugins/`.
2. Activate through the **Plugins** screen.
3. In the block editor insert the **Notice / Alert** block.
4. Choose a type in the Inspector Controls and type your message.

== Frequently Asked Questions ==

= Can I add multiple alerts on one page? =
Yes, insert the block as many times as needed. Each is fully independent.

= Does the dismiss button persist after page reload? =
No. The dismiss is client-side only. If you need permanent dismissal, store a cookie or use session storage in a custom theme.

= Can I customise the colours? =
Override the CSS variables (e.g. `--nab-info-bg`) in your theme stylesheet.

== Changelog ==

= 1.0.0 =
* Initial release.

== Upgrade Notice ==

= 1.0.0 =
Initial release.
