Bento Components を試す

Web Components version を試す。

Bento Components を使うステップ

  1. React/Preact 版を使うか、Web Components 版を使うか決める。
  2. 使うコンポーネントを決める。
  3. そのコンポーネントの機能をカスタマイズするため、そのコンポーネントのAPIを使う。
  4. 以上

Web Components 版は、npm から使う方法と <script> タグで使う方法がある。

Bento Components を使う

(1) Accordion

Section 1

Content in section 1.

Section 2

Content in section 2.

Section 3

Content in section 3.

(2) Fit Text

Lorem ipsum dolor sit amet, has nisl nihil convenire et, vim at aeque inermis reprehendunt.

(3) Carousel

(4) MathML

Inline formula

This is an example of a formula, placed inline in the middle of a block of text.

(5) Sidebar