Update new functions
This commit is contained in:
20
Readme.md
20
Readme.md
@@ -48,7 +48,7 @@ You can use SigPro UI in two ways: **Modular** (Recommended) or **Global** (Fast
|
||||
Import only the components you need:
|
||||
|
||||
```javascript
|
||||
import { $, $mount, Button, Modal, Input, Alert } from "sigpro-ui";
|
||||
import { $, Mount, Button, Modal, Input, Alert } from "sigpro-ui";
|
||||
import "sigpro-ui/css";
|
||||
|
||||
const App = () => {
|
||||
@@ -63,7 +63,7 @@ const App = () => {
|
||||
);
|
||||
};
|
||||
|
||||
$mount(App, "#app");
|
||||
Mount(App, "#app");
|
||||
```
|
||||
|
||||
### 2. Global Approach (Zero-Import)
|
||||
@@ -85,7 +85,7 @@ const myApp = () => Table({ items: [], columns: [] });
|
||||
## Basic Example
|
||||
|
||||
```javascript
|
||||
import { $, $mount, Button, Toast, Div, H1 } from "sigpro-ui";
|
||||
import { $, Mount, Button, Toast, Div, H1 } from "sigpro-ui";
|
||||
import "sigpro-ui/css";
|
||||
|
||||
const App = () => {
|
||||
@@ -104,7 +104,7 @@ const App = () => {
|
||||
]);
|
||||
};
|
||||
|
||||
$mount(App, "#app");
|
||||
Mount(App, "#app");
|
||||
```
|
||||
|
||||
---
|
||||
@@ -113,12 +113,12 @@ $mount(App, "#app");
|
||||
|
||||
### Core Functions (from SigPro)
|
||||
- `$()` - Reactive signals
|
||||
- `$watch()` - Watch reactive dependencies
|
||||
- `$html()` - Create HTML elements with reactivity
|
||||
- `$if()` - Conditional rendering
|
||||
- `$for()` - List rendering
|
||||
- `$router()` - Hash-based routing
|
||||
- `$mount()` - Mount components to DOM
|
||||
- `Watch()` - Watch reactive dependencies
|
||||
- `Tag()` - Create HTML elements with reactivity
|
||||
- `If()` - Conditional rendering
|
||||
- `For()` - List rendering
|
||||
- `Router()` - Hash-based routing
|
||||
- `Mount()` - Mount components to DOM
|
||||
|
||||
Explore [SigPro Core Docs](https://natxocc.github.io/sigpro/#/) for more information.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user