Forms & Loading

Keep inputs interactive with data-skeleton-ignore while surrounding regions remain skeletonized.

Interactive Checkout Pattern

Toggle loading without blocking user input

form-loading

Implementation Snippet

Ignore specific controls during measurement

tsx

<AutoSkeleton loading={loading}>
  <form>
    <input data-skeleton-ignore />
    <input data-skeleton-ignore />
    <button data-skeleton-ignore type="submit">Submit</button>
  </form>
</AutoSkeleton>