open-index/open-npm huggingface dataset:
npm package: @open-xchange/slidev-theme-ox
Description: [![NPM version](https://img.shields.io/npm/v/@open-xchange/slidev-theme-ox?color=3AB9D4&label=)](https://www.npmjs.com/package/@open-xchange/slidev-theme-ox)
Latest version: 0.1.2

# @open-xchange/slidev-theme-ox

[![NPM version](https://img.shields.io/npm/v/@open-xchange/slidev-theme-ox?color=3AB9D4&label=)](https://www.npmjs.com/package/@open-xchange/slidev-theme-ox)

A Open-Xchange slidev theme loosely based on the [OX brand style guide](https://www.open-xchange.com/resources/brand-style-guide/open-xchange-brand-style-guide/).

<!--
  Learn more about how to write a theme:
  https://sli.dev/themes/write-a-theme.html
--->

<!--
  run `npm run dev` to check out the slides for more details of how to start writing a theme
-->

<!--
  Put some screenshots here to demonstrate your theme

  Live demo: [...]
-->
![](example-export/001.png)

## Install

Add the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.

<pre><code>---
theme: <b>@open-xchange/slidev-theme-ox</b>
---</code></pre>

Learn more about [how to use a theme](https://sli.dev/themes/use).

## Layouts

This theme provides the following layouts:

- **cover** — cover slide with slide title
- **default** — standard content slide
- **section** — section divider with brand gradient background
- **two-cols** — two-column grid with `default` and `right` slots
- **image-right** — content left, full-bleed image right (takes `image` prop)
- **image-left** — content right, full-bleed image left (takes `image` prop)
- **outro-gmbh** — closing slide for Open-Xchange GmbH
- **outro-ag** — closing slide for Open-Xchange AG

## Components

This theme provides the following components:

> TODO:

## Contributing

- `npm install`
- `npm run dev` to start theme preview of `example.md`
- Edit the `example.md` and style to see the changes
- `npm run export` to generate the preview PDF
- `npm run screenshot` to generate the preview PNG