set up new workflow and migrate to .forgejo dir (#5)
Some checks failed
Deploy / deploy (push) Failing after 39s
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
This commit is contained in:
parent
c37955c51b
commit
f526f5c0aa
99 changed files with 1866 additions and 1470 deletions
|
|
@ -1,26 +1,37 @@
|
|||
### OTP
|
||||
|
||||
OTP (One-Time Password) component for inputting verification codes. It's usually 4 to 6 digits long and is used for two-factor authentication (2FA) or passwordless login.
|
||||
|
||||
[OTP docs](https://daisyui.com/components/otp/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `otp`
|
||||
- size: `otp-xs`, `otp-sm`, `otp-md`, `otp-lg`, `otp-xl`
|
||||
- modifier: `otp-joined`
|
||||
- color: `otp-neutral`, `otp-primary`, `otp-secondary`, `otp-accent`, `otp-info`, `otp-success`, `otp-warning`, `otp-error`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<label class="otp {MODIFIER}">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<input type="text" autocomplete="one-time-code" inputmode="numeric" maxlength="4" pattern="[0-9]{4}" required />
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<input
|
||||
type="text"
|
||||
autocomplete="one-time-code"
|
||||
inputmode="numeric"
|
||||
maxlength="4"
|
||||
pattern="[0-9]{4}"
|
||||
required
|
||||
/>
|
||||
</label>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the size/color class names
|
||||
- `otp-joined` modifier connects the character boxes together
|
||||
- the `otp` class is for a label. The label should have 4 to 6 empty `<span>` elements for the visual representation of each digit and an input field for entering the code
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue