open-index/open-npm huggingface dataset:
npm package: @ozeron/better-auth-ui
Description: Plug & play shadcn/ui components for better-auth
Author: daveycodez
Latest version: 3.2.6

# @daveyplate/better-auth-ui

<picture>
    <source srcset="docs/public/better-auth-ui-promo-dark.png" media="(prefers-color-scheme: dark)">
    <source srcset="docs/public/better-auth-ui-promo-light.png" media="(prefers-color-scheme: light)">
    <img src="docs/public/better-auth-ui-promo-dark.png" alt="Better Auth UI Logo">
</picture>

## [better-auth-ui.com](https://better-auth-ui.com)

Plug & play shadcn/ui auth components for [better-auth](https://better-auth.com).

- *Own Your Auth*

[Demo](https://newtech.dev/auth/login) - [Documentation](https://better-auth-ui.com) - [Roadmap](https://betterauthui.featurebase.app/roadmap)

☕️ [Buy me a coffee](https://buymeacoffee.com/daveycodez)

---

### Sign In

<img src="docs/public/screenshots/sign-in-dark.png" alt="Sign In Dark" width="384" /><img src="docs/public/screenshots/sign-in-light.png" alt="Sign In Light" width="384" />

### Sign Up

<img src="docs/public/screenshots/sign-up-dark.png" alt="Sign Up Dark" width="384" /><img src="docs/public/screenshots/sign-up-light.png" alt="Sign Up Light" width="384" />

### Forgot Password

<img src="docs/public/screenshots/forgot-password-dark.png" alt="Forgot Password Dark" width="384" /><img src="docs/public/screenshots/forgot-password-light.png" alt="Forgot Password Light" width="384" />

### User Button

<img src="docs/public/screenshots/user-dropdown-dark.png" alt="User Dropdown Dark" width="182" /><img src="docs/public/screenshots/user-dropdown-light.png" alt="User Dropdown Light" width="182" />

### Email Template

<img src="docs/public/screenshots/email-template-dark.png" alt="Email Template Dark" width="384" /><img src="docs/public/screenshots/email-template-light.png" alt="Email Template Light" width="384" />

### Settings Cards

<img src="docs/public/screenshots/settings-cards-dark.png" alt="Settings Cards Dark" width="384" /><img src="docs/public/screenshots/settings-cards-light.png" alt="Settings Cards Light" width="384" />

---

Fully customizable!

Coming Soon: API Keys, Organization, and more!

## License

This project is licensed under the MIT License. See the LICENSE file for details.
npm package: @ozgunozdemir/numeric-value
Description: Numeric value directive for Angular projects
Author: Özgün Özdemir
Latest version: 0.0.6

## Numeric Value

Numeric Value Directive for Angular Projects

## Installation

```
npm i @ozgunozdemir/numeric-value
```

## Usage

Import `NumericValueModule` in `AppModule`

```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
import { NumericValueModule } from 'numeric-value';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    NumericValueModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

```

After that you can create `formData` in `AppComponent`

```typescript
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  public formData = {
    firstInput: '',
    secondInput: ''
  }
}

```

After that you can use numeric value  `ngxNumericValue` directive in template

```html
<div class="container">
  <input
    [(ngModel)]="formData.firstInput"
    type="text"
    placeholder="Numeric value directive does not use"
    name="fFirstNumber"
    #firstNumber="ngModel"
    autocomplete="off"
  />
  <input
    [(ngModel)]="formData.secondInput"
    type="text"
    placeholder="Numeric value directive is using"
    name="fSecondNumber"
    #secondNumber="ngModel"
    autocomplete="off"
    ngxNumericValue
  />
</div>

```