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.

For specific usage, refer to the sample application.

​

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>