Animate Button

import { IconButtonAnimate, FabButtonAnimate } from '../../src/components';

// ----------------------------------------------------------------------

<IconButtonAnimate>
  <Iconify icon={playIcon} />
</IconButtonAnimate>;

<FabButtonAnimate>
  <Iconify icon={playIcon} />
</FabButtonAnimate>;

<FabButtonAnimate variant="extended" color="secondary">
  <Iconify icon={playIcon} /> Extended
</FabButtonAnimate>;

Favorite Button

import { FavoriteButton } from '../../src/components';

// ----------------------------------------------------------------------

const { enqueueSnackbar } = useSnackbar();
const [favorite, setFavorite] = useState(favorited);

const handleChangeFavorite = (event: React.ChangeEvent<HTMLInputElement>) => {
  setFavorite(event.target.checked);
};

<FavoriteButton checked={favorite} onChange={handleChangeFavorite} />;

Share Button

import { ShareButton } from '../../src/components';

// ----------------------------------------------------------------------

<ShareButton />;

AppStore Button

import { AppStoreButton } from '../../src/components';

// ----------------------------------------------------------------------

<AppStoreButton />;