fix(alert): fix readme.md

Author: chubara62372

elements/pf-alert/README.md

@@ -1,6 +1,6 @@
 # pf-alert
 
-The `pf-alert` web component displays PatternFly-styled alerts. It can be used inline in pages or as a toast notification. Alerts support several visual states (for example: `info`, `success`, `warning`, `danger`), an optional header slot, body content, and an `actions` slot for interactive controls.
+The `pf-alert` web component displays PatternFly-styled alerts. It can be used inline in pages or as a toast notification (if a static helper is provided separately). Alerts support several visual **variants** (for example: `info`, `success`, `warning`, `danger`), an optional title slot, body content, and an **action links** slot for interactive controls. Alerts can also be **closable** and **expandable**.
 
 ## Installation
 
@@ -17,22 +17,22 @@ Import the element in your page or application as an ES module:
 Inline alert example:
 
 ```html
-<pf-alert state="success">
-	<h3 slot="header">Success</h3>
-	The operation completed successfully.
-	<div slot="actions">
-		<pf-button variant="link">Details</pf-button>
-	</div>
+<pf-alert variant="success">
+    <span slot="title">Operation Success</span>
+    
+    The operation completed successfully.
 </pf-alert>
-```
 
-Toast usage (static helper):
+<pf-alert variant="info" onClose>
+    <span slot="title">System Update</span>
+    
+    A new system update is available.
+    
+    <div slot="actionLinks">
+        <pf-button plain>Update Now</pf-button>
+        <pf-button plain>Later</pf-button>
+    </div>
+</pf-alert>
+```
 
-```html
-<script type="module">
-	import '@patternfly/elements/pf-alert/pf-alert.js';
 
-	// Show a simple toast notification
-	PfAlert.toast({ message: 'Saved', heading: 'Success', state: 'success' });
-</script>
-```