Hero
Other

Hero is a component to style complex boxed content.

Usage

Assing the desired min-height instead of min-h-screen, assing the desired max-width instead of max-w-2xl,

This demos use media see documentation for more info.

Direction

Use Tailwind CSS to customize content direction.

Shadow

Use Tailwind CSS to add shadow.

Outside

Use Tailwind CSS to position content outside.