I think the recommended pattern is something like: If you’re using a component based framework (e.g., Vue), you create a named component. If you’re not using

I think the recommended pattern is something like: If you’re using a component based framework (e.g., Vue), you create a named component. If you’re not using a component-based framework, you create named classes with applied atomic styles. With either approach, your styles are contextualized with a name and can be reused. https://tailwindcss.com/docs/extracting-components https://tailwindcss.com/docs/extracting-components