Update new functions
This commit is contained in:
@@ -48,7 +48,7 @@ const BasicDemo = () => {
|
||||
|
||||
return Timeline({ items: events });
|
||||
};
|
||||
$mount(BasicDemo, '#demo-basic');
|
||||
Mount(BasicDemo, '#demo-basic');
|
||||
```
|
||||
|
||||
### Horizontal Timeline
|
||||
@@ -76,7 +76,7 @@ const HorizontalDemo = () => {
|
||||
class: 'min-w-[600px]'
|
||||
});
|
||||
};
|
||||
$mount(HorizontalDemo, '#demo-horizontal');
|
||||
Mount(HorizontalDemo, '#demo-horizontal');
|
||||
```
|
||||
|
||||
### Compact Timeline
|
||||
@@ -102,7 +102,7 @@ const CompactDemo = () => {
|
||||
compact: true
|
||||
});
|
||||
};
|
||||
$mount(CompactDemo, '#demo-compact');
|
||||
Mount(CompactDemo, '#demo-compact');
|
||||
```
|
||||
|
||||
### Custom Icons
|
||||
@@ -125,7 +125,7 @@ const IconsDemo = () => {
|
||||
|
||||
return Timeline({ items: milestones });
|
||||
};
|
||||
$mount(IconsDemo, '#demo-icons');
|
||||
Mount(IconsDemo, '#demo-icons');
|
||||
```
|
||||
|
||||
### Reactive Timeline
|
||||
@@ -179,7 +179,7 @@ const ReactiveDemo = () => {
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ReactiveDemo, '#demo-reactive');
|
||||
Mount(ReactiveDemo, '#demo-reactive');
|
||||
```
|
||||
|
||||
### Order Status Tracker
|
||||
@@ -221,7 +221,7 @@ const OrderDemo = () => {
|
||||
))
|
||||
]);
|
||||
};
|
||||
$mount(OrderDemo, '#demo-order');
|
||||
Mount(OrderDemo, '#demo-order');
|
||||
```
|
||||
|
||||
### Company History
|
||||
@@ -276,7 +276,7 @@ const HistoryDemo = () => {
|
||||
|
||||
return Timeline({ items: milestones });
|
||||
};
|
||||
$mount(HistoryDemo, '#demo-history');
|
||||
Mount(HistoryDemo, '#demo-history');
|
||||
```
|
||||
|
||||
### All Variants
|
||||
@@ -307,7 +307,7 @@ const VariantsDemo = () => {
|
||||
Timeline({ items: sampleItems, compact: true })
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, '#demo-variants');
|
||||
Mount(VariantsDemo, '#demo-variants');
|
||||
```
|
||||
|
||||
<script>
|
||||
@@ -328,7 +328,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
|
||||
return Timeline({ items: events });
|
||||
};
|
||||
$mount(BasicDemo, basicTarget);
|
||||
Mount(BasicDemo, basicTarget);
|
||||
}
|
||||
|
||||
// 2. Horizontal Timeline
|
||||
@@ -349,7 +349,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
class: 'min-w-[600px]'
|
||||
});
|
||||
};
|
||||
$mount(HorizontalDemo, horizontalTarget);
|
||||
Mount(HorizontalDemo, horizontalTarget);
|
||||
}
|
||||
|
||||
// 3. Compact Timeline
|
||||
@@ -368,7 +368,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
compact: true
|
||||
});
|
||||
};
|
||||
$mount(CompactDemo, compactTarget);
|
||||
Mount(CompactDemo, compactTarget);
|
||||
}
|
||||
|
||||
// 4. Custom Icons
|
||||
@@ -384,7 +384,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
|
||||
return Timeline({ items: milestones });
|
||||
};
|
||||
$mount(IconsDemo, iconsTarget);
|
||||
Mount(IconsDemo, iconsTarget);
|
||||
}
|
||||
|
||||
// 5. Reactive Timeline
|
||||
@@ -431,7 +431,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
])
|
||||
]);
|
||||
};
|
||||
$mount(ReactiveDemo, reactiveTarget);
|
||||
Mount(ReactiveDemo, reactiveTarget);
|
||||
}
|
||||
|
||||
// 6. Order Status Tracker
|
||||
@@ -466,7 +466,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
))
|
||||
]);
|
||||
};
|
||||
$mount(OrderDemo, orderTarget);
|
||||
Mount(OrderDemo, orderTarget);
|
||||
}
|
||||
|
||||
// 7. Company History
|
||||
@@ -514,7 +514,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
|
||||
return Timeline({ items: milestones });
|
||||
};
|
||||
$mount(HistoryDemo, historyTarget);
|
||||
Mount(HistoryDemo, historyTarget);
|
||||
}
|
||||
|
||||
// 8. All Variants
|
||||
@@ -538,7 +538,7 @@ $mount(VariantsDemo, '#demo-variants');
|
||||
Timeline({ items: sampleItems, compact: true })
|
||||
]);
|
||||
};
|
||||
$mount(VariantsDemo, variantsTarget);
|
||||
Mount(VariantsDemo, variantsTarget);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user