Getting started

Implementing a button

1. Install the package

yarn add osmosys-ui

2. Use the component

// App.tsx
import React, { useEffect, useState } from 'react';
import { loadFonts } from 'osmosys-ui';

export default function App() {
    // Add these lines in your main file to properly import the fonts
    const [isLoadingComplete, setLoadingComplete] = useState(false);

    useEffect(() => {
        (async () => {
            await loadFonts(setLoadingComplete);
        })();
    }, []);

    if (!isLoadingComplete) {
        return null;
    }

    return <Main />;
}