Bento Components

This content originally appeared on Bram.us and was authored by Bramus!

Bento is an easy to use component library that helps you achieve a great page experience.

Included components are components (such as a Gallery, Accordion, Carousel, …), 3rd party embeds (Facebook, Instagram, …), text-related utilities, etc.

The components themselves are (mostly) available as Web Component or a React Functional Component. An Instagram embed for example is basically this:

<bento-instagram
    id="my-instagram"
    data-shortcode="CKXYAzuj7TE"
    data-captioned
    style="height: 800px; width: 400px"
></bento-instagram>

When using a Web Component, it’s worth noting that Bento renders everything in a Shadow Root.

Bento →
Introducing the Bento Components Library →

This content originally appeared on Bram.us and was authored by Bramus!

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2021-12-13T22:00:35+00:00) Bento Components. Retrieved from https://www.scien.cx/2021/12/13/bento-components/

MLA

" » Bento Components." Bramus! | Sciencx - Monday December 13, 2021, https://www.scien.cx/2021/12/13/bento-components/

HARVARD

Bramus! | Sciencx Monday December 13, 2021 » Bento Components., viewed ,<https://www.scien.cx/2021/12/13/bento-components/>

VANCOUVER

Bramus! | Sciencx - » Bento Components. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/13/bento-components/

CHICAGO

" » Bento Components." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/12/13/bento-components/

IEEE

" » Bento Components." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/12/13/bento-components/. [Accessed: ]

rf:citation

» Bento Components | Bramus! | Sciencx | https://www.scien.cx/2021/12/13/bento-components/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.