Skip to main content

Хоки

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 /> // Кнопка    </>);