> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# msm-story-viewer

> Web component msm-story-viewer.

`msm-story-viewer` is a web component built with Lit.

## Purpose

Use this component as a reusable UI building block.

## Usage

```html theme={null}
<msm-story-viewer></msm-story-viewer>
```

## Attributes / properties

| Name     | Type   | Default | Notes |
| -------- | ------ | ------- | ----- |
| `hammer` | object | -       |       |

## Events

| Event     | detail | When |
| --------- | ------ | ---- |
| `entered` | -      |      |
| `exited`  | -      |      |

### Usage

```html theme={null}
<msm-story-viewer>
</msm-story-viewer>

<script>
  const el = document.querySelector("msm-story-viewer");
  el.addEventListener("entered", (e) => {
    console.log(e.detail);
  });

  el.addEventListener("exited", (e) => {
    console.log(e.detail);
  });

</script>
```

## CSS parts

* `base`

## Slots

* `slot`

## Methods

No documented public methods.