Demo content 🌈

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Título 2 🤷🏻‍♀️

export type PostListPagination = {
  page: number;
  pageSize: number;
  total: number;
  pageCount: number; 💚
};

const Blog: NextPage<Props> = ({ posts = [], pagination = defaultPagination }) => {
	//...
}

Título 3

Aenean nec sagittis purus, eu finibus eros. Morbi ac blandit lacus, vitae pellentesque ligula. Sed est lectus, semper vitae varius a, mattis ac nulla.

Etiam gravida erat quis quam rhoncus, eu placerat enim sollicitudin.

Aliquam imperdiet diam ut consequat tristique. 🙈

Lista no numerada

• Integer congue ex interdum,
• tristique neque at, imperdiet augue.
• Quisque ipsum sem, sagittis sed congue sit amet, congue egestas leo.

Integer magna sem, pellentesque maximus fermentum consectetur, porta in nulla.

Nisi suspendisse netus laoreet duis sem sociis magna posuere, cum sed natoque lectus ultrices turpis facilisi, ornare nunc semper eu convallis fusce placerat.


@layer components {
  .section-title {
    @apply font-semibold text-purple-900;
  }
  .btn {
    @apply font-light text-white hover:text-white disabled:opacity-50 no-underline leading-none bg-gradient-to-b px-4 pt-2.5 pb-3 pl-5 pr-5 rounded;
  }
  .btn-primary {
    @apply btn from-purple-700 to-purple-900 hover:to-purple-700;
  }
  .btn-secondary {
    @apply btn from-yellow-400 to-yellow-600 hover:to-yellow-400;
  }
}

Lista numerada

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. Diam donec vehicula felis proin, nulla orci imperdiet.

• tristique neque at, imperdiet augue.
• Quisque ipsum sem, sagittis sed congue sit amet, congue egestas leo.