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

# slidev-theme-klef

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

A (...) theme for [Slidev](https://github.com/slidevjs/slidev).

<!--
  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: [...]
-->

## 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>klef</b>
---</code></pre>

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

<!-- ## Layouts

This theme provides the following layouts:

> TODO: -->

<!-- ## 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

# Build-in Components

## Hlt

**Hlt** means "Highlight", so this component can highlighting text.

Usage: (example.md)

```md
Press space to <Hlt>next page</Hlt>
```

## Bottom-Line

**Bottom-Line** is displayed in ALL slides.

Configurations (in FromtMatter) :

```md
---
title: slidev theme klef
file: klef-project/slidev-theme-klef
---
```
npm package: @klef/slidev-theme-klefpj
Description: [![NPM version](https://img.shields.io/npm/v/slidev-theme-klefpj?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-klefpj)
Latest version: 0.2.0

# slidev-theme-klefpj

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

A Klef Project Original theme for [Slidev](https://github.com/slidevjs/slidev).

<!--
  Learn more about how to write a theme:
  https://sli.dev/guide/write-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: [...]
-->

## 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>"@klef/slidev-theme-klefpj"</b>
---</code></pre>

Learn more about [how to use a theme](https://sli.dev/guide/theme-addon#use-theme).

## Layouts

This theme provides the following layouts:

> TODO:

## 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