Athena-react NPM

athena-react

React wrapper for Athena UI Framework

Install

npm i athena-react

athena-react is, unsurprisingly, dependant on Athena. There are two ways you can include Athena into your project. You can either link Athena in the head of your html like so;

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="path/to/athena.bundle.css">
    <script src="path/to/athena.bundle.js"></script>
  </head>
</html>

Or you can install the athena-css npm package and include it like such in your index.js (ensure your bundler is configured to bundle css).

ES5

require("athena-css/dist/athena.bundle.css");
require("athena-css/dist/athena.bundle.js");

ES6

import "athena-css/dist/athena.bundle.css";
import "athena-css/dist/athena.bundle.js";

Use

You can start using athena-react components like such:

import {Dropdown, Button, Row, Col} from "athena-react";

athena react athena-css react-component

classnames prop-types

@infinitebrahmanuniverse/nolb-ath @everything-registry/sub-chunk-1177

4 years ago

4 years ago

4 years ago

4 years ago