elbe-ui 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.js +17458 -0
- package/elbe.scss +100 -0
- package/package.json +38 -0
package/README.md
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# elbe
|
|
2
|
+
|
|
3
|
+
a cross platform UI framework for the web and Flutter [(see this package)](https://pub.dev/packages/elbe)
|
|
4
|
+
|
|
5
|
+
so far, it has been optimized for React. It provides a variety of Widgets and theming options. Check out [the demo](https://robbb.in/elbe) or the example within this package (`./example`)
|
|
6
|
+
|
|
7
|
+
## usage
|
|
8
|
+
|
|
9
|
+
1. install the package in your React/Preact app:
|
|
10
|
+
```bash
|
|
11
|
+
npm i elbe-ui
|
|
12
|
+
```
|
|
13
|
+
2. add the styles to your main `.scss`/`.sass` file:
|
|
14
|
+
|
|
15
|
+
```scss
|
|
16
|
+
@use "elbe-ui/elbe.scss" with (
|
|
17
|
+
$c-accent: #448aff,
|
|
18
|
+
//$g-radius: 0,
|
|
19
|
+
//$t-font-body: "Comic Sans MS",
|
|
20
|
+
//...
|
|
21
|
+
);
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
3. start using the components :)
|
|
25
|
+
|
|
26
|
+
# contribute
|
|
27
|
+
|
|
28
|
+
as of now, this is mainly a personal project for different stuff I built. So things might be a little rough around the edges. If you find any issues or want to help make elbe better, I'd love to hear from you :)
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as Lucide from "lucide-react";
|
|
2
|
+
export * from "./ui/color_theme";
|
|
3
|
+
export * from "./ui/components/badge";
|
|
4
|
+
export * from "./ui/components/box";
|
|
5
|
+
export * from "./ui/components/button";
|
|
6
|
+
export * from "./ui/components/card";
|
|
7
|
+
export * from "./ui/components/dialog";
|
|
8
|
+
export * from "./ui/components/flex";
|
|
9
|
+
export * from "./ui/components/icon_button";
|
|
10
|
+
export * from "./ui/components/input/checkbox";
|
|
11
|
+
export * from "./ui/components/input/input_field";
|
|
12
|
+
export * from "./ui/components/input/range";
|
|
13
|
+
export * from "./ui/components/input/select";
|
|
14
|
+
export * from "./ui/components/padded";
|
|
15
|
+
export * from "./ui/components/text";
|
|
16
|
+
export * from "./ui/components/toggle_button";
|
|
17
|
+
export * from "./ui/components/util";
|
|
18
|
+
export * from "./ui/util/confirm_dialog";
|
|
19
|
+
export * from "./ui/util/toast";
|
|
20
|
+
export * from "./ui/util/util";
|
|
21
|
+
export declare const Icons: typeof Lucide.icons;
|