Styling

In Morph, you can use Tailwind CSS for styling MDX. Tailwind CSS is a CSS framework that applies styles using HTML class attributes. By using Tailwind CSS, you can easily style without writing CSS directly.

Tailwind CSS

Official Documentation

For specific usage, refer to the sample application.

Sample App + Code

Example

In an MDX file, you can apply Tailwind CSS classes to HTML elements. In the following example, the <div> element has the bg-blue-500 and text-white classes applied.

<div className="bg-blue-500 text-white p-4">
  <h1>Styling</h1>
  <p>This is an example of styling html using Tailwind CSS</p>
</div>