2 lines
8.7 KiB
JavaScript
2 lines
8.7 KiB
JavaScript
import{t as u}from"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{d as h,Z as f,g as d,o as l,c as e,b as x,w as c,a as t,t as g,n as F,I as w,k as s,r as C,L as v,H as n,l as y,Q as E}from"./chunks/framework.3f630664.js";const i=h({inheritAttrs:!1,__name:"FwbJumbotron",props:{headerLevel:{default:1},subText:{default:""},subTextClasses:{default:""},headerText:{default:""},headerClasses:{default:""}},setup(o){const a=o,p=f(),b=d(()=>u("bg-white dark:bg-gray-900 py-8 lg:py-16 px-4 mx-auto max-w-screen-xl text-center ",p.class)),m=d(()=>u("mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white",a.headerClasses)),q=d(()=>u("mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-0 lg:px-16 dark:text-gray-400",a.subTextClasses));return(r,Y)=>(l(),e("div",v(r.$attrs,{class:b.value}),[(l(),x(w(`h${r.headerLevel}`),{class:F(m.value)},{default:c(()=>[t(g(r.headerText),1)]),_:1},8,["class"])),s("div",{class:F(q.value)},g(r.subText),3),C(r.$slots,"default")],16))}}),k={class:"vp-raw"},B=s("div",{class:"flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0"},[s("a",{href:"#",class:"inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900"},[t(" Get started "),s("svg",{class:"w-3.5 h-3.5 ml-2 rtl:rotate-180","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 10"},[s("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M1 5h12m0 0L9 1m4 4L9 9"})])]),s("a",{href:"#",class:"inline-flex justify-center items-center py-3 px-5 sm:ml-4 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800"}," Learn more ")],-1),_={__name:"FwbJumbotronExample",setup(o){return(a,p)=>(l(),e("div",k,[n(y(i),{"header-text":"We invest in the world’s potential","sub-text":"Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth."},{default:c(()=>[B]),_:1})]))}},A={class:"vp-raw"},D=s("a",{href:"#",class:"text-blue-600 dark:text-blue-500 hover:underline font-medium text-lg inline-flex items-center mb-8"},[t("Read more about our app "),s("svg",{class:"w-3.5 h-3.5 ms-2 rtl:rotate-180","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 10"},[s("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M1 5h12m0 0L9 1m4 4L9 9"})])],-1),j=s("div",null,[s("div",{class:"w-full p-6 space-y-8 sm:p-8 bg-white rounded-lg shadow-xl dark:bg-gray-800"},[s("h2",{class:"text-2xl font-bold text-gray-900 dark:text-white"}," Sign in to Flowbite "),s("form",{class:"mt-8 space-y-6",action:"#"},[s("div",null,[s("label",{for:"email",class:"block mb-2 text-sm font-medium text-gray-900 dark:text-white"},"Your email"),s("input",{id:"email",type:"email",name:"email",class:"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",placeholder:"name@company.com",required:""})]),s("div",null,[s("label",{for:"password",class:"block mb-2 text-sm font-medium text-gray-900 dark:text-white"},"Your password"),s("input",{id:"password",type:"password",name:"password",placeholder:"••••••••",class:"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",required:""})]),s("div",{class:"flex items-start"},[s("div",{class:"flex items-center h-5"},[s("input",{id:"remember","aria-describedby":"remember",name:"remember",type:"checkbox",class:"w-4 h-4 border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:bg-gray-700 dark:border-gray-600",required:""})]),s("div",{class:"ms-3 text-sm"},[s("label",{for:"remember",class:"font-medium text-gray-500 dark:text-gray-400"},"Remember this device")]),s("a",{href:"#",class:"ms-auto text-sm font-medium text-blue-600 hover:underline dark:text-blue-500"},"Lost Password?")]),s("button",{type:"submit",class:"w-full px-5 py-3 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 sm:w-auto dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"}," Login to your account "),s("div",{class:"text-sm font-medium text-gray-900 dark:text-white"},[t(" Not registered yet? "),s("a",{class:"text-blue-600 hover:underline dark:text-blue-500"},"Create account")])])])],-1),T={__name:"FwbJumbotronFormExample",setup(o){return(a,p)=>(l(),e("div",A,[n(y(i),{class:"lg:py-8 px-4 text-start","header-classes":"text-left","sub-text-classes":"lg:px-0","header-text":"We invest in the world’s potential","sub-text":"Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth."},{default:c(()=>[D,j]),_:1})]))}},L={class:"vp-raw"},J=s("div",{class:"flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0"},[s("a",{href:"#",class:"inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900"},[t(" Get started "),s("svg",{class:"w-3.5 h-3.5 ml-2 rtl:rotate-180","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 10"},[s("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M1 5h12m0 0L9 1m4 4L9 9"})])]),s("a",{href:"#",class:"inline-flex justify-center hover:text-gray-900 items-center py-3 px-5 sm:ml-4 text-base font-medium text-center text-white rounded-lg border border-white hover:bg-gray-100 focus:ring-4 focus:ring-gray-400"}," Learn more ")],-1),P={__name:"FwbJumbotronBackgroundImageExample",setup(o){return(a,p)=>(l(),e("div",L,[n(y(i),{class:"bg-center bg-no-repeat bg-[url('https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg')] dark:bg-gray-700 bg-gray-700 bg-blend-multiply","header-classes":"text-white","sub-text-classes":"text-gray-300 dark:text-gray-300","header-text":"We invest in the world’s potential","sub-text":"Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth."},{default:c(()=>[J]),_:1})]))}},S={class:"vp-raw"},V=s("div",{class:"flex flex-col space-y-4 sm:flex-row sm:space-y-0 mb-8"},[s("a",{href:"#",class:"inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900"},[t(" Get started "),s("svg",{class:"w-3.5 h-3.5 ml-2 rtl:rotate-180","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 10"},[s("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M1 5h12m0 0L9 1m4 4L9 9"})])]),s("a",{href:"#",class:"inline-flex justify-center items-center py-3 px-5 sm:ml-4 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800"}," Learn more ")],-1),H=s("div",null,[s("iframe",{class:"mx-auto w-full h-64 rounded-lg sm:h-96 shadow-xl",src:"https://www.youtube.com/embed/KaLxCiilHns",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})],-1),I={__name:"FwbJumbotronVideoExample",setup(o){return(a,p)=>(l(),e("div",S,[n(y(i),{class:"lg:py-8 px-4","header-classes":"text-left","sub-text-classes":"lg:px-0","header-text":"We invest in the world’s potential","sub-text":"Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth."},{default:c(()=>[V,H]),_:1})]))}},$=E("",9),N=E("",3),M=E("",3),W=E("",3),R=E("",6),K=JSON.parse('{"title":"Vue Jumbotron - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/jumbotron.md","filePath":"components/jumbotron.md"}'),G={name:"components/jumbotron.md"},O=Object.assign(G,{setup(o){return(a,p)=>(l(),e("div",null,[$,n(_),N,n(P),M,n(I),W,n(T),R]))}});export{K as __pageData,O as default};
|