artbox

What is Artbox?

Artbox is a svg path library module for Angular projects. It uses a separate Firestore API to access data and requires authorizing. Currently access is private during beta.

Core Features

• SVG as a Service
• Easy to add any web project by abstracting to a component
• Path library to increase in size over time (hopefully)

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. Currently the library is very small and there exists no documentation.

In your Module:

import { ArtboxModule } from 'artbox';

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

To set an API key for the service, one method is to create a keyfile named 'artbox.keyfile.ts', then import.

In your artbox.keyfile.ts

export const CLIENT_KEY = [*YOUR_CLIENT_KEY*]

In your Component or Service:

import { CLIENT_KEY } from './artbox.keyfile'
...
constructor(private artbox: ArtboxService) {
    //set the access key
    artbox.CLIENT_KEY = CLIENT_KEY
}
...

Compatibility

Not backwards compatible with View Engine, using Ivy.

Usage

In your HTML, add a artbox element reference with a shape input directive.

<artbox [shape]="'heart'"></artbox>

Developer Notes

Thank you for stumbling upon this, I hope it will be usefull in the future. If you are curious and would like to add paths to this collection, please send me an email.