スタイルテンプレート

ページの概要はヘッダーに書けます。ページの概要はヘッダーに書けます。

h2 相当のタイトル

文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。

h3 相当のタイトル

文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。

h4 相当のタイトル

文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。文章が記入できます。

箇条書き

  • 箇条書き1
  • 箇条書き2
  • 箇条書き3
  1. 順番箇条書き
  2. 順番箇条書き
  3. 順番箇条書き

プレビュー

コード(ライブコード)

基本的に、1コード1コンポーネントで利用してください。

コード

<PrimaryButton>Button</PrimaryButton>
<SecondaryButton>Button</SecondaryButton>
<DangerButton>Button</DangerButton>
<SkeletonButton>Button</SkeletonButton>
<TextButton>Button</TextButton>

Markdown テーブル

theadtheadthead
cellcellcell
cellcellcell
sample image cellcell

SmartHR UI テーブル

theadtheadthead
cellcell
cellcell

Color パレット

MAIN
#0077C7
rgba(0,119,199)

プライマリーカラー(プロダクトの印象を司る箇所に使用)

WHITE
#FFFFFF
rgba(255,255,255)

コンポーネントの背景色(Base コンポーネントなど)

画像

画像はcontent配下の指定ディレクトリに格納可能。

sample image

ファイルのリンク

静的な巨大ファイルは/staticフォルダから直接リンク可能。

ダウンロードリンク

絵文字

Shortcut codes

🚀 😈 👿 💀 ☠️ 💩 🤡 👹 👺 👻 👽 👾

Unicode

👍🥳👏💃🌵🥑🌶️🌮🌯🍸🍻🏜️🎈🎊🎵🎶 🎸🇲🇽🇺🇸

© 2021, SmartHR, Inc.