Upgrade guide

Upgrade Guide

This guide explains how to seamlessly upgrade from Intent UI v2 to Intent v3

Contribution GuideIntroduction

Introduction

Not sure what's new or what has changed? Don’t worry! You can find all the updates in Release v3.

Upgrade Steps

  • Change any of square-petite, extra-small, small, medium, large to xs, sm, md, lg, and sq-[xs, sm, md, lg] in the size prop.
  • Remove the shape prop from Button, Badge, Tag, and Toggle. Use the isCircle prop instead.
  • Remove focusRing and focusStyles from primitive.ts—they are no longer used.
Unlock the full power of
Design Intent UI
Build modern web apps faster with 500+ blocks and polished templates crafted for you.
Contribution Guide
Introduction