CookiesBanner

As the name suggests it, CookiesBanner provides a component you can use to display a light banner regarding your cookies policy to your users. You can provide it with controls so the users can interact with it.

Default

Please be aware that this awesome cookies banner informs you that this awesome website uses cookies. Why ? Because cookies are an awesome delight of course!

More

One button only

Please be aware that this awesome cookies banner informs you that this awesome website uses cookies. Why ? Because cookies are an awesome delight of course!

More info

Custom control

Please be aware that this awesome cookies banner informs you that this awesome website uses cookies. Why ? Because cookies are an awesome delight of course!

Real-life situation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed pellentesque justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis lorem risus, vulputate pulvinar feugiat aliquam, blandit vitae ante. Aliquam nunc nisl, mollis non tincidunt a, sollicitudin sit amet mi. Morbi vehicula ac ex quis laoreet. Pellentesque aliquam elit suscipit nunc posuere dictum. Pellentesque tincidunt, augue id porttitor efficitur, nibh sem auctor orci, non finibus enim felis suscipit tellus. Cras risus eros, aliquam vel nibh sit amet, venenatis volutpat est. Quisque at pulvinar quam, et pretium metus. Nam quis sollicitudin neque. Praesent tempor hendrerit tortor a ultrices. Nunc luctus, lorem sed laoreet sagittis, tortor libero pretium leo, a finibus tellus odio sit amet nulla. Vestibulum ultrices pharetra faucibus. Mauris dolor urna, posuere sed blandit vitae, aliquam eget tortor. Duis scelerisque leo in orci blandit finibus. Pellentesque elementum consequat augue et tempor. Quisque ut urna laoreet, gravida leo et, feugiat risus. Sed non nisi non turpis consectetur aliquam ut ut magna. Cras imperdiet felis dui, et ultricies mi vehicula in. Duis volutpat, lorem vitae feugiat lacinia, arcu elit volutpat odio, eu cursus nibh orci at nulla. Nullam odio lectus, semper ac molestie vitae, porttitor id lectus. Sed tellus mauris, varius quis ligula eu, accumsan ornare nisl. Maecenas a mollis ex. Donec a ex dui. Morbi euismod finibus elit. Aliquam quis mi luctus, facilisis nunc nec, scelerisque metus. Aenean turpis dui, faucibus condimentum rutrum id, rhoncus at dui. Curabitur velit nisi, rutrum hendrerit lectus quis, laoreet ultricies purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies erat at purus feugiat facilisis. Vivamus dictum mollis tellus nec malesuada. Sed dictum vulputate quam, consectetur finibus massa. Sed ultricies ut felis nec facilisis. Nam lacinia sapien nec lectus feugiat elementum. Suspendisse ut eleifend mi. Quisque malesuada ligula ac elit elementum, ac imperdiet lectus vulputate. Curabitur sed justo sodales, blandit augue ac, congue nulla. Nulla tristique tellus ligula, et maximus nisl pretium ut. Proin sit amet feugiat quam, ac molestie nibh. Ut congue lacus vel velit commodo rhoncus. Nam pharetra tincidunt egestas. Proin ornare eros tortor, a auctor libero dignissim sed. Sed quam leo, dignissim at ipsum ultrices, euismod volutpat enim. Sed et neque sodales, tincidunt diam in, sodales quam. Donec fermentum diam eu felis gravida, eget porta nibh bibendum. Donec eu elementum tortor, at vestibulum sapien. Fusce ultricies orci quis cursus vehicula. Maecenas a viverra lectus. In sem mauris, varius quis felis vulputate, luctus vulputate sem. Sed maximus sagittis quam sit amet luctus. Vivamus porttitor posuere eros, quis pretium est egestas nec. Aenean metus velit, fermentum nec justo id, imperdiet venenatis est. Pellentesque efficitur urna non eros interdum facilisis. Sed sed ex a ipsum dignissim congue. Aliquam bibendum ante ac mollis tempus. Vestibulum in arcu in metus bibendum efficitur vel eget libero. In magna dolor, facilisis a mauris sed, rhoncus congue ante. Sed nibh turpis, porttitor non vehicula at, gravida et nulla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla quis ex eu justo pellentesque tempus vel nec odio. Cras fringilla nunc id nisi bibendum tincidunt. Aliquam malesuada laoreet diam, at pellentesque velit faucibus vitae. Vivamus eleifend sit amet eros non suscipit. Morbi consequat sodales nisl sit amet auctor. Pellentesque et nunc ante. Praesent tempor, felis vitae ornare eleifend, neque elit finibus eros, quis tincidunt augue tortor in odio. Nam sagittis metus non magna varius, sit amet posuere turpis rhoncus. Ut ac molestie tortor, suscipit posuere massa. Nam aliquam est tellus. Ut sodales leo non mi semper, vitae commodo

Please be aware that this awesome cookies banner informs you that this awesome website uses cookies. Why ? Because cookies are an awesome delight of course!

More

Extended

This component was extended using styled() from styled-components.

Please be aware that this awesome cookies banner informs you that this awesome website uses cookies. Why ? Because cookies are an awesome delight of course!

More

Props

NameTypeDefaultDescription
childrennodeThe controls of the CookiesBanner. You can either use Cookies.Button or your own.
textstringThe CookiesBanner main text content.

The ref will be forwarded to the html root element, as well as any other props.



CookiesBanner.Button

Default Button

With various props

Extended

This component was extended using styled() from styled-components.

Props

This component extends Material's UI <Button> so you can use all its props as well. Check out its Api. It does not require any extra prop.

The ref will be forwarded to the html root element, as well as any other props.