Хоки

withAutoFocus

Добавляет фокус при инициализации компонента.

import React from 'react';
import { Button, ButtonProps } from '@salutejs/plasma-core';
import { withAutoFocus } from '@salutejs/plasma-web';

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-web';

const ButtonSkeleton = withSkeleton<ButtonProps & WithSkeletonProps>(Button);

return const Default = () => (
    <>
        <ButtonSkeleton skeleton /> // Скелетон
        <ButtonSkeleton /> // Кнопка
    </>
);