import * as React from 'react' ; import { Page , Navbar , ContentBlock , Toolbar , Link } from 'framework7-react' ; export const BarsHidePage = ( ) => { return ( < Page hideBarsOnScroll > < Navbar backLink = "Back" title = "Hide On Scroll" sliding / > < Toolbar > < Link > Link1 < /Link> < Link > Link2 < /Link> < /Toolbar> < ContentBlock > < p > Lorem ipsum dolor sit amet , consectetur adipisicing elit . Eos voluptatibus , sunt quam reprehenderit assumenda hic aut illo , optio fuga reiciendis . Sapiente suscipit sint ratione tenetur voluptate repellendus quaerat perspiciatis repudiandae . < /p> < p > Delectus fuga tempora dignissimos eveniet maxime labore animi , magnam error quas quasi adipisci sed architecto atque maiores facilis natus tempore excepturi libero ? Perferendis odio veritatis , aliquam consectetur ? Sunt , qui , architecto . < /p> < p > Officiis soluta mollitia , asperiores consequatur itaque optio dolorem laudantium facere eveniet distinctio , cumque . Dolore similique ut , quas ullam ipsam , accusantium unde repellendus voluptatem sint odio id magnam quia sunt harum ? < /p> < p > Itaque consequuntur excepturi unde pariatur maiores impedit aliquam necessitatibus perferendis , dolorem tempore nostrum hic iure obcaecati officiis vero cum numquam a dolores atque et ! Blanditiis quibusdam , saepe excepturi animi aperiam . < /p> < p > Id facilis magnam nostrum similique repudiandae earum doloremque iusto tempore dolorum amet blanditiis assumenda aliquam deserunt consequuntur , sequi hic odit corrupti ? Dolore illo , nihil aut rem dignissimos impedit ex necessitatibus ? < /p> < p > Aliquid fugit molestias enim , facere consequatur vitae doloremque modi , dolore perspiciatis nam sequi . Corrupti repellendus blanditiis quo neque vel possimus , ipsum at sed adipisci voluptatibus aliquid quidem , placeat dolor eaque ? < /p> < p > Voluptatum , eum , asperiores ! Sunt ab maiores ratione iure obcaecati cum reiciendis reprehenderit , quibusdam , blanditiis in facere . Blanditiis maiores laudantium , autem harum ipsam labore eum adipisci inventore eligendi iure dicta ratione ! < /p> < p > Ipsum expedita , similique excepturi blanditiis neque aut . Provident labore ea nihil ducimus , distinctio voluptate , tempore facere possimus ipsam , voluptates aliquid cupiditate maiores veniam eos nesciunt . Dolorem eius consectetur voluptates recusandae ! < /p> < p > Eius , iusto maxime tempora officia impedit cumque , delectus fugiat enim fugit , ex repudiandae modi autem quasi repellat ea saepe sequi similique animi ipsam doloremque placeat natus minima voluptatibus cum nulla . < /p> < p > Id iste , quod , deserunt maiores consectetur optio placeat quas obcaecati animi , assumenda hic . Temporibus obcaecati fugit omnis modi velit esse dolor nam illo laboriosam ut voluptates voluptatibus vitae , voluptatum officiis ! < /p> < p > Lorem ipsum dolor sit amet , consectetur adipisicing elit . Eos voluptatibus , sunt quam reprehenderit assumenda hic aut illo , optio fuga reiciendis . Sapiente suscipit sint ratione tenetur voluptate repellendus quaerat perspiciatis repudiandae . < /p> < p > Delectus fuga tempora dignissimos eveniet maxime labore animi , magnam error quas quasi adipisci sed architecto atque maiores facilis natus tempore excepturi libero ? Perferendis odio veritatis , aliquam consectetur ? Sunt , qui , architecto . < /p> < p > Officiis soluta mollitia , asperiores consequatur itaque optio dolorem laudantium facere eveniet distinctio , cumque . Dolore similique ut , quas ullam ipsam , accusantium unde repellendus voluptatem sint odio id magnam quia sunt harum ? < /p> < p > Itaque consequuntur excepturi unde pariatur maiores impedit aliquam necessitatibus perferendis , dolorem tempore nostrum hic iure obcaecati officiis vero cum numquam a dolores atque et ! Blanditiis quibusdam , saepe excepturi animi aperiam . < /p> < p > Id facilis magnam nostrum similique repudiandae earum doloremque iusto tempore dolorum amet blanditiis assumenda aliquam deserunt consequuntur , sequi hic odit corrupti ? Dolore illo , nihil aut rem dignissimos impedit ex necessitatibus ? < /p> < p > Aliquid fugit molestias enim , facere consequatur vitae doloremque modi , dolore perspiciatis nam sequi . Corrupti repellendus blanditiis quo neque vel possimus , ipsum at sed adipisci voluptatibus aliquid quidem , placeat dolor eaque ? < /p> < p > Voluptatum , eum , asperiores ! Sunt ab maiores ratione iure obcaecati cum reiciendis reprehenderit , quibusdam , blanditiis in facere . Blanditiis maiores laudantium , autem harum ipsam labore eum adipisci inventore eligendi iure dicta ratione ! < /p> < p > Ipsum expedita , similique excepturi blanditiis neque aut . Provident labore ea nihil ducimus , distinctio voluptate , tempore facere possimus ipsam , voluptates aliquid cupiditate maiores veniam eos nesciunt . Dolorem eius consectetur voluptates recusandae ! < /p> < p > Eius , iusto maxime tempora officia impedit cumque , delectus fugiat enim fugit , ex repudiandae modi autem quasi repellat ea saepe sequi similique animi ipsam doloremque placeat natus minima voluptatibus cum nulla . < /p> < p > Id iste , quod , deserunt maiores consectetur optio placeat quas obcaecati animi , assumenda hic . Temporibus obcaecati fugit omnis modi velit esse dolor nam illo laboriosam ut voluptates voluptatibus vitae , voluptatum officiis ! < /p> < /ContentBlock> < /Page>); } ;