React components created with as Semantic code for better readability and SEO.

MAINLY FOR PERSONAL USE!

Installation

Semantic UI can be downloaded as an npm package.

// Using npm
npm i @chrhb/semantic-ui

Be aware, that this again is mainly for personal use. You're welcome to download it and use it as you please, but proper maintenance and regular updates are not guaranteed.

Usage

The following is a quick example on how to the package:

import React from 'react';
import ReactDOM from 'react-dom';
import { Hero } from '@chrhb/semantic-ui';

const App() => (
    <div className="site">
        <Hero title="Welcome to my website!">
            This is the descriptive content of the hero
            section, that will be displayed as sub-header for
            the title.
        </Hero>
    </div>
);

ReactDOM.render(
    <App />,
    document.getElementById('app')
);

Examples

For a full use example, check out my website as bohlbro.dk (Not implemented yet)

Documentation

For the full documentation, check out the docs (Not implemented yet either...)