@razorpay/[email protected]

Minor Changes

• 9ebaf98: feat: add FileUpload component

@razorpay/[email protected]

Minor Changes

• bb7466e: feat(blade): add Breadcrumb component

@razorpay/[email protected]

Minor Changes

• 5120891: feat(Drawer): add Drawer component

  Checkout https://blade.razorpay.com/?path=/docs/components-drawer--docs

Patch Changes

• ab028b6: fix(Tag): tag truncation in Select and AutoComplete

@razorpay/[email protected]

Patch Changes

• 85f229d: refactor(blade): add meta attributes to Toast

@razorpay/[email protected]

Patch Changes

• fix(Dropdown): make scrollbar invisible in SelectInput and AutoComplete Tag Slot (#2022)
• fix(Tag): tag truncation fix in Select and AutoComplete

Full Changelog: https://github.com/razorpay/blade/compare/@razorpay/[email protected]...@razorpay/[email protected]

@razorpay/[email protected]

Minor Changes

• 497799d: feat(blade): add toast component

@razorpay/[email protected]

Patch Changes

• 16a0e73: fix(Dropdown): remove scrollbar on tag slot and allow clicks on DropdownLink and DropdownButton chevron icons

@razorpay/[email protected]

Minor Changes

• f104cbf: feat: Added internationalization in Amount component via i18nify.
  References

  • i18nify-js: https://www.npmjs.com/package/@razorpay/i18nify-js
  • i18nify-react: https://www.npmjs.com/package/@razorpay/i18nify-react

  What changes ?

  1. The <Amount /> component will now automatically format numbers based on the user's browser locale. For example, <Amount value={123456.789} currency="INR"> will render ₹1,23,456.79 for browsers with the en-IN default locale, whereas it will render ₹123,456.79 for browsers with the en-US locale.

  2. If you want to enable users to change the locale of your page, add the @razorpay/i18nify-react package and wrap your app inside the I18nProvider. Utilize the setI18nState utility to modify the locale. For more details, please refer to the documentation.

  3. Additionally, if you prefer to maintain a fixed locale for your page and amount component, enclose your app within <I18nProvider initData={{locale: 'locale-you-want'}}>... For more details, please refer to the documentation.

  How to update ?

  1. Install i18nify as dependency yarn add @razorpay/i18nify-js
  2. [Optional]: Install i18nify-react as dependency to manage state effectively yarn add @razorpay/i18nify-react
  3. Install latest Blade yarn add @razorpay/blade@latest

@razorpay/[email protected]

Patch Changes

• 9801ff8: - feat(Dropdown): add E2E tests

  • fix(Dropdown): dropdown getting closed without explicit isOpen={false} in controlled dropdown

  [!Note]

  if you have used ControlledDropdown in a similar way how it was documented, things should work fine.

  If you have used isOpen from Controlled Dropdown but you're not handling it inside onOpenChange, you will have to handle that state as well. E.g. isOpen={isDropdownOpen} onOpenChange={(isOpen) => setIsDropdownOpen(isOpen)}

@razorpay/[email protected]

Minor Changes

• b21e3ae: chore: add server-side pagination with totalItemCount & paginationType