Fulldev UI

Docs Components Blocks

Content

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.
placeholder landscape
---
import Content from 'fulldev-ui/blocks/Content.astro'
---

<Content
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '', variant: 'soft' }]}
  image="/images/placeholder-landscape.webp"
/>

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.
placeholder landscape
---
import Content from 'fulldev-ui/blocks/Content.astro'
---

<Content
  reverse="odd"
  label="Lorem ipsum"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '', variant: 'soft' }]}
  image="/images/placeholder-landscape.webp"
/>

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.
placeholder landscape
---
import Content from 'fulldev-ui/blocks/Content.astro'
---

<Content
  label="Lorem ipsum dolor"
  heading="Lorem ipsum dolor sit"
  text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada."
  buttons={[{ text: 'Lorem ipsum', href: '', variant: 'soft' }]}
  image="/images/placeholder-landscape.webp"
  frame="panel"
  variant="subtle"
  position="inset"
/>