Update new functions
This commit is contained in:
@@ -40,7 +40,7 @@ const BasicDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Rating: ${rating()} / 5`)
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, '#demo-basic');
|
||||
Mount(BasicDemo, '#demo-basic');
|
||||
```
|
||||
|
||||
### Heart Rating
|
||||
@@ -66,7 +66,7 @@ const HeartDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, () => `${rating()} hearts`)
|
||||
]);
|
||||
};
|
||||
$mount(HeartDemo, '#demo-heart');
|
||||
Mount(HeartDemo, '#demo-heart');
|
||||
```
|
||||
|
||||
### Star with Outline
|
||||
@@ -92,7 +92,7 @@ const Star2Demo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, () => `${rating()} stars`)
|
||||
]);
|
||||
};
|
||||
$mount(Star2Demo, '#demo-star2');
|
||||
Mount(Star2Demo, '#demo-star2');
|
||||
```
|
||||
|
||||
### Read-only Rating
|
||||
@@ -117,7 +117,7 @@ const ReadonlyDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, 'Average rating: 4.5/5 (read-only)')
|
||||
]);
|
||||
};
|
||||
$mount(ReadonlyDemo, '#demo-readonly');
|
||||
Mount(ReadonlyDemo, '#demo-readonly');
|
||||
```
|
||||
|
||||
### Custom Count
|
||||
@@ -152,7 +152,7 @@ const CustomDemo = () => {
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Rating: ${rating()} / ${count()}`)
|
||||
]);
|
||||
};
|
||||
$mount(CustomDemo, '#demo-custom');
|
||||
Mount(CustomDemo, '#demo-custom');
|
||||
```
|
||||
|
||||
### Product Review
|
||||
@@ -210,7 +210,7 @@ const ReviewDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ReviewDemo, '#demo-review');
|
||||
Mount(ReviewDemo, '#demo-review');
|
||||
```
|
||||
|
||||
### All Variants
|
||||
@@ -243,7 +243,7 @@ const VariantsDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, '#demo-variants');
|
||||
Mount(VariantsDemo, '#demo-variants');
|
||||
```
|
||||
|
||||
### Interactive Feedback
|
||||
@@ -294,7 +294,7 @@ const FeedbackDemo = () => {
|
||||
: null
|
||||
]);
|
||||
};
|
||||
$mount(FeedbackDemo, '#demo-feedback');
|
||||
Mount(FeedbackDemo, '#demo-feedback');
|
||||
```
|
||||
|
||||
<script>
|
||||
@@ -316,7 +316,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Rating: ${rating()} / 5`)
|
||||
]);
|
||||
};
|
||||
$mount(BasicDemo, basicTarget);
|
||||
Mount(BasicDemo, basicTarget);
|
||||
}
|
||||
|
||||
// 2. Heart Rating
|
||||
@@ -335,7 +335,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
Div({ class: 'text-sm opacity-70' }, () => `${rating()} hearts`)
|
||||
]);
|
||||
};
|
||||
$mount(HeartDemo, heartTarget);
|
||||
Mount(HeartDemo, heartTarget);
|
||||
}
|
||||
|
||||
// 3. Star with Outline
|
||||
@@ -354,7 +354,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
Div({ class: 'text-sm opacity-70' }, () => `${rating()} stars`)
|
||||
]);
|
||||
};
|
||||
$mount(Star2Demo, star2Target);
|
||||
Mount(Star2Demo, star2Target);
|
||||
}
|
||||
|
||||
// 4. Read-only Rating
|
||||
@@ -372,7 +372,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
Div({ class: 'text-sm opacity-70' }, 'Average rating: 4.5/5 (read-only)')
|
||||
]);
|
||||
};
|
||||
$mount(ReadonlyDemo, readonlyTarget);
|
||||
Mount(ReadonlyDemo, readonlyTarget);
|
||||
}
|
||||
|
||||
// 5. Custom Count
|
||||
@@ -400,7 +400,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
Div({ class: 'text-sm opacity-70' }, () => `Rating: ${rating()} / ${count()}`)
|
||||
]);
|
||||
};
|
||||
$mount(CustomDemo, customTarget);
|
||||
Mount(CustomDemo, customTarget);
|
||||
}
|
||||
|
||||
// 6. Product Review
|
||||
@@ -451,7 +451,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ReviewDemo, reviewTarget);
|
||||
Mount(ReviewDemo, reviewTarget);
|
||||
}
|
||||
|
||||
// 7. All Variants
|
||||
@@ -477,7 +477,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, variantsTarget);
|
||||
Mount(VariantsDemo, variantsTarget);
|
||||
}
|
||||
|
||||
// 8. Interactive Feedback
|
||||
@@ -521,7 +521,7 @@ $mount(FeedbackDemo, '#demo-feedback');
|
||||
: null
|
||||
]);
|
||||
};
|
||||
$mount(FeedbackDemo, feedbackTarget);
|
||||
Mount(FeedbackDemo, feedbackTarget);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user