Tailwind CSS + Turbopack

Avoid Inline Styles

Never use inline style={} props. Always use Tailwind classes or CSS in stylesheets.

For dynamic values that can't be expressed as Tailwind classes, define CSS classes with data attributes in a stylesheet:

/* In stylesheet */
.collapsible[data-expanded="false"] {
	grid-template-rows: 0fr;
}
.collapsible[data-expanded="true"] {
	grid-template-rows: 1fr;
}