Характеристики

• Поддерживаются все темы VKUI
• Автоматическое закрытие модального режима, когда пользователь онлайн
• Проверьте подключение, когда пользователь пытается закрыть модальный

Install

npm install vkui-no-connection-modal

Example

import NoConnectionModal from 'vkui-no-connection-modal';
import useConnection from 'vkui-no-connection-modal/lib/useConnection';

const YourView = () => {
    const [modal, setModal] = useState(null);
    const isOnline = useConnection();

    useEffect(() => {
		if (!isOnline) return setModal(
			<NoConnectionModal 
				onClose={() => setModal(null)}
			/>
		);

		return setModal(null);
	}, [isOnline]);

    return (
        <View activePanel="modals" modal={modal}>
            <Panel id="modals">
                <Group>
                    Your view
                </Group>
            </Panel>
        </View>
    );
};

Параметры

Вы можете передать параметры для компонента:

| Name | Type | Description | Default | |---------------|----------|-------------|---------| |title | string | Modal title | 'No internet'| |caption | string | Modal description | 'Checking the network cables, modem and router.' | |actionText | string | Button text | 'Try again' | |onClose | function | Close modal function | Required |

демонстрация

Start storybook

1. Fork the Project
2. Создайте свой ветвь (git checkout -b feature/featureName)
3. Зафиксируйте свои изменения (git commit -m 'Add some featureName')
4. Нажмите на ветку (git push origin feature/featureName)
5. Откройте запрос на извлечение