Fulldev UI

Docs Components Blocks

Intro

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '', contrast: true },
    { text: 'View Components', href: '', contrast: true },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  heading="Lorem ipsum dolor sit amet"
  align="center"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '' },
    { text: 'View Components', href: '' },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  color="brand"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '' },
    { text: 'View Components', href: '' },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  variant="primary"
  color="brand"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '' },
    { text: 'View Components', href: '' },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  frame="fill"
  variant="primary"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '' },
    { text: 'View Components', href: '' },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  frame="fill"
  variant="primary"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '', contrast: true },
    { text: 'View Components', href: '', contrast: true },
  ]}
/>

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor.

---
import Intro from 'fulldev-ui/blocks/Intro.astro'
---

<Intro
  frame="panel"
  variant="primary"
  heading="Lorem ipsum dolor sit amet"
  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
  buttons={[
    { text: 'Get Started', href: '', contrast: true },
    { text: 'View Components', href: '', contrast: true },
  ]}
/>