Skip to content

πŸ‘‘ Athenic UI React component library. Building beautiful React applications made simple!

License

Notifications You must be signed in to change notification settings

AthenicAustria/athenic-ui

Repository files navigation


πŸ‘‘ Building beautiful React Applications made simple


athenic-ui

NPM NPM JavaScript Style Guide PRs Welcome Netlify Status

NPM Buy Me A Coffee

πŸ“ View the Documentation
πŸ”₯ Check out the Demo
πŸ‘„ Join the discussion on Discord

Install

npm install --save athenic-ui

Usage

import React from "react";

import * as Athenic from "athenic-ui";
import "athenic-ui/dist/index.css";

const MyComponent = () => {
  return <Athenic.H1>Hello World</Athenic.H1>;
};

export default MyComponent;
import React from "react";

import { H1 } from "athenic-ui";
import "athenic-ui/dist/index.css";

const MyComponent = () => {
  return <H1>Hello World</H1>;
};

export default MyComponent;

Examples

import React from "react";

import { Button } from "athenic-ui";
import "athenic-ui/dist/index.css";
import { faShoppingBag } from "@fortawesome/free-solid-svg-icons";

const MyComponent = () => {
  return (
    <Button variant="primary" iconBefore={faShoppingBag}>
      Click me!
    </Button>
  );
};

export default MyComponent;

License

MIT Β© b3h3m0th