oa/documentation/elements/content/content-blockquotes-documentation.md at 1df2b66e6800e49236094b31c213d8887ef7245a

svcm/oa

Fork 0

mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 08:23:47 +09:00

Files

bangae1 62abbcf4eb first

2025-05-24 01:49:48 +09:00

2.5 KiB

Raw Blame History

Blockquotes

Vuero provides blockquote html element styling. Wrap your blockquote element inside a div with the content class. Blockquotes can have different colors. Available color modifier classes are is-primary, is-success, is-info, is-warning and is-danger.

<template>
  <div class="content">
    <blockquote>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo, inquit, tibi Q. Est
        enim effectrix multarum et magnarum voluptatum. Equidem, sed audistine modo de
        Carneade? Dici enim nihil potest verius. Praeteritis, inquit, gaudeo. Aliter autem
        vobis placet.
      </p>
    </blockquote>

    <blockquote class="is-primary">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo, inquit, tibi Q. Est
        enim effectrix multarum et magnarum voluptatum. Equidem, sed audistine modo de
        Carneade? Dici enim nihil potest verius. Praeteritis, inquit, gaudeo. Aliter autem
        vobis placet.
      </p>
    </blockquote>

    <blockquote class="is-success">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo, inquit, tibi Q. Est
        enim effectrix multarum et magnarum voluptatum. Equidem, sed audistine modo de
        Carneade? Dici enim nihil potest verius. Praeteritis, inquit, gaudeo. Aliter autem
        vobis placet.
      </p>
    </blockquote>
  </div>
</template>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ergo, inquit, tibi Q. Est enim effectrix multarum et magnarum voluptatum. Equidem, sed audistine modo de Carneade? Dici enim nihil potest verius. Praeteritis, inquit, gaudeo. Aliter autem vobis placet.

2.5 KiB Raw Blame History

Blockquotes

2.5 KiB

Raw Blame History