@aws-amplify/[email protected]

Minor Changes

• #1355 19d5a6bfa Thanks @zchenwei! - feat: adding isSelectionRequired prop to ToggleButtonGroup primitive

  Example:

  import * as React from 'react';
  import {
    MdFormatBold,
    MdFormatColorFill,
    MdFormatItalic,
    MdFormatUnderlined,
  } from 'react-icons/md';
  import { ToggleButton, ToggleButtonGroup } from '@aws-amplify/ui-react';
  
  export const SelectionRequiredToggleButtonGroupExample = () => {
    const [value, setValue] = React.useState('bold');
    return (
      <ToggleButtonGroup
        value={value}
        onChange={(value) => setValue(value as string)}
        isExclusive
        isSelectionRequired
      >
        <ToggleButton value="bold">
          <MdFormatBold />
        </ToggleButton>
        <ToggleButton value="italic">
          <MdFormatItalic />
        </ToggleButton>
        <ToggleButton value="underlined">
          <MdFormatUnderlined />
        </ToggleButton>
        <ToggleButton value="color-fill">
          <MdFormatColorFill />
        </ToggleButton>
      </ToggleButtonGroup>
    );
  };

Patch Changes

• #1358 43c814db4 Thanks @zchenwei! - chore: updating all React imports from default to namespace

• #1368 c57a02349 Thanks @zchenwei! - style: cleaning up sr-only class

• #1366 e73e0276f Thanks @wlee221! - Pass formData to submitForm event on submit. This will ensure any default form values are submitted to Cognito, without relying on CHANGE events.

• #1357 65ed5351f Thanks @ErikCH! - Added new translations for confirm sign up page

• #1371 1a2f8a732 Thanks @reesscot! - feat: add new TextAreaField primitive (replaces TextField isMultiline feature)

  Example

  <TextAreaField
    descriptiveText="Enter a valid last name"
    label="Last name"
    name="last_name"
    placeholder="Baggins"
    rows="3"
    onChange={(e) => console.info(e.currentTarget.value)}
  />
  

• Updated dependencies [fbfcd04d3, c57a02349, e73e0276f, 929cb8f76]:

  • @aws-amplify/[email protected]