iqair-ui v1.0.18

iqair-ui

Shared UI library for IQAir components

Get started

Download the package from NPM

npm install iqair-ui

Import the stylesheet

In your global .scss or .css file, add @import "iqair-ui/styles.css"

Import the modules you want to use

Example with IQAirButtonModule and IQAirChipModule

// example.module.ts
import { IQAirButtonModule } from 'iqair-ui/button';
  import { IQAirChipModule } from 'iqair-ui/chip'

@NgModule({
  imports: [IQAirButtonModule, IQAirChipModule],
  declarations: [ExampleComponent]
})
export class ExampleModule {}

// example.component.html
<button iqair-flat-button color="primary" size="md">Click</button>
<iqair-chip color="destructive" size="sm">chip</iqair-chip>

List of modules

• IQAirAlertModule
• IQAirAvatarModule
• IQAirButtonModule
• IQAirCardModule
• IQAirChipModule
• IQAirCoreModule
• IQAirDialogModule
• IQAirDividerModule
• IQAirDropdownMenuModule
• IQAirFeaturedIconModule
• IQAirLinkModule
• IQAirSnackbarModule
• IQAirSpinnerModule
• IQAirTabsModule
• IQAirTooltipModule

Build

Run npm run build:ui to build the project.

Build & Publish

• Bump the version: npm version major|minor|patch

• Build the library: npm run build:ui The build artifacts will be stored in the dist/ directory. This will also run the tailwind command to generate the .css file reusing the iqair-tailwind config.

• Publish to NPM: go to the dist folder cd dist/ui run npm publish

Running unit tests

Run ng test ui to execute the unit tests via Karma.