ast-ast v0.0.2

Use

1. Install ast library

npm i ast-ast

2. Import init.scss to the root module of section, project or where you want to use ast

@import "projects/ast/src/assets/styles/init.scss";

Interfaces

Button

Column

HeaderRoute

Components

Tables

Data table

Selector Options | Option | Type | Default | Description | |-------------|------------------------|-------------------------|-------------| | data | BehaviorSubject<any[]> | new BehaviorSubject([]) | | | columns | Column[] | [] | | | button | Button | [] | | | pageOptions | number[] | 7, 50, 100 | |

Use Updating

Infomation table

Options | Option | Type | Default | Description | |-------------|------------------------|-------------------------|-------------| ||

Cards

Use

<ast-card-empty> Your content </ast-card-empty>

Directives

Buttons

Solid button

Options | Option | Type | Default | Description | |-----------------|--------|----------|-------------------------| | backgroundColor | string | color L1 | | | color | string | white | | | size | string | md | sm: smallmd: medium |

Use

<button astButtonSolid (click)="onClick()">Create</button>

Icon button

Options | Option | Type | Default | Description | |-----------------|--------|-------------|-------------| | backgroundColor | string | transparent | | | color | string | color theme | | | size | string | md | md: medium |

Use

<button astButtonIcon (click)="onClick()">
  <i class="fa-solid fa-circle-plus"></i>
</button>

Input

Use

<input astInput id="email" type="text" maxlength="1" formControlName="email" />

Fragments

Header

Options | Option | Type | Default | Description | |----------------|----------------------------------------------------------------|---------|-------------| | logoPath | string | | | | brandText | string | | | | brandTextColor | string | | | | routes | { id: string, text: string, path: string}[] | [] | |

Modules

SharedModule

Include some frequently common module of sections and projects.

MaterialModule

Include all required Material modules for sections.