Svelte Accounts
The simplicity of Blaze drop in ui, but in Svelte with the ability to customize further
tylerthompson:svelte-accounts
This is a work in progress. it's totally usable, but I'm publishing to allow for community involvement and to get feedback
Currently email & password is the only supported means of logging in.
Basic
<script>
import { LoginWindow } from 'meteor/tylerthompson:svelte-accounts'
</script>
<LoginWindow />
You can also
<script>
import { Login, Signup, Logout } from 'meteor/tylerthompson:svelte-accounts'
</script>
<Signup heading="Create an account" />
<Login />
<Logout />
Components
LoginWindow
Easy UI for Logins
| Prop | Type | Default | Description |
|---|---|---|---|
| loginHeading | string | "Login" | |
| signupHeading | string | "Sign Up" | |
| loginEmailLabel | string | "undefined" | |
| loginEmailPlaceholder | string | "Email" | |
| loginPasswordLabel | string | "Logundefinedin" | |
| loginPasswordPlaceholder | string | "Password" | |
| LoginButtonText | string | "Login" | |
| signUpEmailLabel | string | "undefined" | |
| signUpEmailPlaceholder | string | "Email" | |
| signUpPasswordLabel | string | "undefined" | |
| signUpPasswordPlaceholder | string | "Password" | |
| signUpButtonText | string | "Sign up" |
Login
Login Form
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | "Login" | |
| emailLabel | string | "undefined" | |
| emailPlaceholder | string | "Email" | |
| passwordPlaceholder | string | "Password" | |
| passwordLabel | string | "undefined" | |
| text | string | "Login" |
Signup
Sign Up Form
| Prop | Type | Default | Description |
|---|---|---|---|
| signupHeading | string | "Sign Up" | |
| emailLabel | string | "Email" | |
| emailPlaceholder | string | "undefined" | |
| passwordPlaceholder | string | "Password" | |
| passwordLabel | string | "undefined" | |
| text | string | "Sign Up" |
Logout
A button that logs the user out
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "Logout" |
Todo
Somethings to work on still
- Reset Password
- Forgot Password Link
- Config options
- Default window view
- Style Wrapper Component
- Text as props
- Oauth Services
- More customization
