## Alert ### Semantic Parts - root（`semantic-mark-root`）: Root element with border, background, padding, border-radius, and positioning styles for the alert container - section（`semantic-mark-section`）: Content element with flex layout controlling content area typography and minimum width - icon（`semantic-mark-icon`）: Icon element with color, line-height, and margin styles, supporting different status icon types - title（`semantic-mark-title`）: Title element with text color and font styling for the alert title - description（`semantic-mark-description`）: Description element with font-size and line-height styles for additional content - actions（`semantic-mark-actions`）: Actions element with layout and spacing styles for action buttons - close（`semantic-mark-close`）: Close button element with basic button styling ### Usage Example ```tsx ``` ### Abstract DOM Structure ```html ```