Forms Preview

This page provides a "kitchen sink" of various form elements and Skeleton components. Please note that these are handled natively by browsers and as such there are some differences across platforms.

Native HTML Elements

Native HTML input elements using the Tailwind Forms plugin plus the Skeleton forms.css stylesheet to apply theme colors and styles.

Checkboxes

Radio Buttons

Utility State Classes

Provided by forms.css. See handling validation errors for SvelteKit. Additionally we recommend Felte paired with your choice of Validators.

Skeleton Forms.css

Native HTML elements styled by the Skeleton forms.css stylesheet.

Skeleton Components

Custom components provided as part of the Skeleton library.

Untouched

One notable exception is the color field input. This is due to major cross-browser issues.