Web Awesome Components#

Rocket can render custom elements from package component maps. The atlas docs layout already registers the Web Awesome elements used on this Page, so the Markdown can use those tags directly.

Registered by the layout: this callout is a server-rendered Web Awesome component from atlasDocComponents.

Status badges#

Badges are useful for compact metadata in documentation:

Stable Documented Reference Preview Deprecated

Expandable details#

Use details for supporting information that should not interrupt the main reading path:

The atlas docs layout exports a components map. Markdown Pages that use the layout should re-export that map, or compose it with additional Page-owned Registered Components.

Card content#

Cards work well for repeated summaries or compact examples:

Release checklist

Confirm the page builds, check the generated route, and verify any hydrated components in the browser.

Example content rendered inside a Web Awesome card.

Avatar#

Use avatars for people, teams, or generated initials:

Using Web Awesome in another layout#

If a Page uses a custom layout instead of atlasDocLayout, import and spread the package component map yourself:

```js server
import { webAwesomeComponents } from '@rocket/js/components/web-awesome.js';

export const components = {
  ...webAwesomeComponents,
};
```

Add Page-owned components to the same map when the Page contains both package components and local Registered Components.

Next step#

Continue with Components for the full Registered Component reference, or Component Loading for loading strategy decisions.