Buy Now and unlock this series
$
49
.99
yours forever
$
49
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
A More Configurable Toggle
Here we will continue working with our toggle component to make it both look better and greatly improve the functionality.
Downloads
Become a pro to download code and videos
Building Svelte Components
22 videos
Released: June 30 2021Course Instructor
Scott Tolinski
- Getting Started
null - Creating a Toggle
14m42s - A More Configurable Toggle
null - Accordion with Mounting and Unmounting
null - Accordion Without UnMounting with Actions Part 1
null - Animating Our Accordion With the Web Animations API
14m28s - Search Filter with Reactive Statements
13m52s - Search List Input
14m0s - Fancy Input
16m39s - Markdown Input
11m29s - Making A Portal
10m40s - Making A Modal
14m32s - Advanced Custom Stores With a Toast Message
14m55s - Flip and Transition Animations with Toast Messages
9m41s - Using Tweened As a Timeout
10m37s - Complex State Updates With Toast Messages
11m3s - Dismiss-able Toasts and Error Toasts
null - Click Outside Action
11m45s - Storybook with Svelte Kit
10m25s - Storybook With Updating Props
6m19s - Creating an NPM Package With Svelte Kit
5m23s - Where To Go From Here
2m15s
Comments
Mr customix
4 months ago
When I bind the switch to another variable I get a compiler error Although the site still works Browser error:
<Toggle> was created with unknown prop 'toggl'
typechecking errorType '{ toggl: boolean; }' is not assignable to type 'IntrinsicAttributes & { label?: string; isToggled?: boolean; style?: string; }'. Property 'toggl' does not exist on type 'IntrinsicAttributes & { label?: string; isToggled?: boolean; style?: string; }'.js(2322)
Anyone have any solutions?
Want to join the conversation?
Become a Pro member today!