Skip to content

Wildcard V2: `<Alert />` Implementation

Administrator requested to merge contractors/SG-27687 into main

Created by: gitstart-sourcegraph

Wildcard implementation of the `` component.

See Wildcard V2 - Planned work for more context

Acceptance criteria

  • Component is implemented within Wildcard
  • Component has tests
  • Component is accessible
  • Component matches Figma designs

Implementation details

  • Create the `` component similar to the component.
  • Copy client/branded/src/global-styles/alert.scss to the component folder and covert it to a CSS module.
  • Move .alert-heading to client/web/src/enterprise/batches/detail/changesets/ExternalChangesetNode.module.scss.
  • Leave .alert-link as a global class for now. Keep it in the CSS module wrapped into a :global() keyword.
  • Move client/branded/src/global-styles/GlobalStylesStory/AlertsStory.tsx (link) to the new component folder and update it it match other stories in the Wildcard package.
  • Use the </button><button> component as a blueprint for the new component. Component API:

Merge request reports