https://github.com/sikandarjodd/svee

Svelte Examples : Form Submissions, Use Actions, Animations
https://github.com/sikandarjodd/svee

Last synced: 13 days ago
JSON representation

Svelte Examples : Form Submissions, Use Actions, Animations

• Host: GitHub
• URL: https://github.com/sikandarjodd/svee
• Owner: SikandarJODD
• Created: 2024-05-03T22:00:24.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-05-03T22:56:56.000Z (8 months ago)
• Last Synced: 2024-12-19T02:07:33.952Z (15 days ago)
• Language: Svelte
• Homepage: https://svee.vercel.app
• Size: 69.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Svelte Examples

The goal of website is to provide a collection of examples for Svelte. The examples are categorized by topic and difficulty level.

## Examples by Topic

| Topic                               | Description                    |

| ----------------------------------- | ------------------------------ |

| [Form Submission](#form-submission) | Form action in Detail          |

| [Animation](#animation)             | Learn Slide,Fade, animate      |

| [Fetching API](#fetching-api)       | Fetch API Data                 |

| [Pagination](#pagination)           | Examples related to pagination |

| [Use Action](#use-action)           | Examples related to use action |

#### Form-Submission

1.  Simple Form Submission

2.  Form Validation using `Zod` and `Superform`

3.  Form with File Upload

#### use:action in Detail Guide

1. Understand use:action

2. Build Action

   - Copy to Clipboard

   - Screen Observer

   - Long Press

   - Drag and Drop

   - Next Input Focus

Routes includes

/ main route

/ forms

/ forms/simple

/ forms/validation

/ forms/file-upload

or

- we can use predefined data to render the page

- page includes

  - title : form Submission

  - description

  - code - componenst build using shikigi magic move

  - demo - 2,3 demos

  - difficulty level // let see

  - tags for search based stuff when using `search` feature `command - shadcn` in website