minista-sitemap

React component to easily create a sitemap for delivery in minista

Usage no npm install needed!

<script type="module">
  import ministaSitemap from 'https://cdn.skypack.dev/minista-sitemap';
</script>

README

minista sitemap

image

About

minista で納品用のサイトマップを簡単に作るための React コンポーネント。

  • 納品物に追加の CSS や JavaScript をバンドルさせない
  • 無制限に入れ子リストを作れる

How To Use

npm

$ npm install minista-sitemap

import { Wrapper, Style, Header, Main, Nav, List } from "minista-sitemap"

example: page / json

Dark Mode

ダークモード @media (prefers-color-scheme: dark) 用の CSS Variables を追加する場合は、Style コンポーネントに darkMode={true} を付与します。

<Style darkMode={true} />

Default Dark

基本色をダークテーマにする場合は、Style コンポーネントに defaultDark={true} を付与します。

<Style defaultDark={true} />

Support

Chrome Firefox Safari
Newest Newest Newest

License

  • MIT

Credit