What is Usebas?

Usebas is a library of useful Angular design components for Webapps. Personal library for myself and not intended or supported for other at his moment. Use at own risk.

Core Features

• UsebasImageMaskComponent crops images with SVG shapes.
• UsebasScrollButtonComponent is a button that sticks to top when scrolled.
• UsebasTextboxComponent is a basic text show hide box.
• More to come.

Requirements

• Development environment, not intended for production use.

Compatibility

Not backwards compatible with View Engine, using Ivy.

Installation

I do not recommend installing at the time! Requires private API key only available to beta testers. The project is in development and is unstable. Please wait for a production release. There is no timetable at this moment. No documentation exists for this service at this time.

Install modules:

npm install usebas

Thank you for showing interest, at this time tokens are just for our team.

Usage

In your Module:

import { UsebasModule } from 'usebas';

@NgModule({
  ...
  imports: [
    ...,
    UsebasModule,
  ],
  ...
})

In your Component:

import {
  UsebasImageMaskComponent,
  UsebasScrollButtonComponent,
  UsebasTextboxComponent } from 'usebas';
...

In your Component HTML:

...
<usebas-textbox [preview]="'preview text.'" [text]="'full text.'"></usebas-textbox>
<usebas-scrollbutton></usebas-scrollbutton>
<usebas-imagemask
  [shape]="'circle'"
  [imageUrl]="'[YOUR IMAGE URL]'">
</usebas-imagemask>
...

Developer Notes

Thank you for stumbling upon this, I hope it will be useful in the future.