daisyUI Kit 🌼

Prose

Create nice-looking typography that matches your DaisyUI theme. Requires the TailwindCSS Typography plugin.

Once you have the plugin installed, wrap some HTML in the Prose component.

Heading

The Prose element has a single prop: full-width. It basically forces the text to full width, instead of limiting it to more newspaper-like readable columns.

Heading 2

Here's some more text down here. Notice that the above example uses the demo prop, which centers the contents both horizontally and vertically.

Code Example 
<Prose>
  <h1>Heading</h1>

  <p>
    The Avatar sizes depend on the sizing classes found your TailwindCSS configuration. You
    can assign either a width class or a height class and the Avatar will keep a
    <span class="whitespace-nowrap">1-to-1</span> ratio (so basically a square container,
    even if the avatar is round). Using the <code>class</code> property means it is designed
    to work perfectly with Tailwind's JIT compiler. So there are only two concerns to making
    sure it works:
  </p>

  <h2>Heading 2</h2>

  <p>
    Here's some more text down here. Notice that the above example uses the
    <code>demo</code> prop, which centers the contents both horizontally and vertically.
  </p>
</Prose>

Components

Prose is a standlone component.

Prose

Prose has no props. It is a semantic wrapper prose for the TailwindCSS Typography plugin.