Tailwind Indicator

An indicator that visually represents screen sizes (xs, sm, md, lg, xl), either for the full window (server) or for a container (client).

utils

(entire window)

This is a SERVER component.

Window size

xs

(container)

This is a CLIENT component. This is using a custom hook useContainerQueries under the hood.

Container: 0px

xs