Rocket Logo Rocket Guides Docs Blog Toggle darkmode

Presets: Launch

Rocket comes with a preset you will love. Simple, responsive and behaving like native, it sure is going to be a hit among your users.

Installation

npm i @rocket/launch

👉 rocket.config.mjs

import { rocketLaunch } from '@rocket/launch';

export default {
  presets: [rocketLaunch()],
};

Data

Most data comes from site.cjs.

There is also a specific rocketLaunch.json.

The footer data comes from footer.json

Inline Notification

Notification are web components that bring in some styles.

To use them in Markdown you need to write the HTML tag and have it separated by an empty line.

First you need to import the script

```js script
import '@rocket/launch/inline-notification/inline-notification.js';
```

Tip

I am a tip

Usage

<inline-notification type="tip">

I am a tip

</inline-notification>

Modify the Title

To override the title you can provide a property success.

I am a success message

Usage

<inline-notification type="tip" title="success">

I am a success message

</inline-notification>

Warning

I am a warning

Usage

<inline-notification type="warning">

I am a warning

</inline-notification>

Danger

I am a dangerous message

Usage

<inline-notification type="danger">

I am a dangerous message

</inline-notification>