Хоки
withAutoFocus
#
Добавляет фокус при инициализации компонента.
import React from 'react';import { Button, ButtonProps } from '@salutejs/plasma-core';import { withAutoFocus } from '@salutejs/plasma-ui';
const AutoFocusButton = withAutoFocus<ButtonProps>(Button);
export const Default = () => { return <AutoFocusButton autoFocus preventScroll={false} />;};
withSkeleton
#
Делает компонент скелетоном - у него заменяется фоновый цвет, добавляется градиент и текст становится на 100% прозрачным.
Скелетон управляется параметром skeleton
.
import React from 'react';import { Button, ButtonProps } from '@salutejs/plasma-core';import { withSkeleton, WithSkeletonProps } from '@salutejs/plasma-ui';
const ButtonSkeleton = withSkeleton<ButtonProps & WithSkeletonProps>(Button);
return const Default = () => ( <> <ButtonSkeleton skeleton /> // Скелетон <ButtonSkeleton /> // Кнопка </>);