Getting StartedInstallationSupportChangelogGithubFrameworksAngularVueReactDemosFoundationThemesInternationalizationTypographyIconsLayoutGetting StartedBlockInlineGridComponentsAccordionAlertAlert GroupBadgeBreadcrumbButtonButton GroupButton ExpandButton HandleButton IconButton Icon GroupButton SortCardCheckboxColorData GridDateDialogDividerDrawerDropdownFileFormsForm InteractionsForm ValidationHeaderInputMenuMonthNavPaginationPasswordProgress BarProgress CircleRadioRangeSearchSelectShellSwitchTabsTagTextareaTimeToastTooltipData GridGetting StartedFooterPlaceholderAsyncResponsiveScroll HeightPaginationBordersHoverColumn AlignmentColumn WidthColumn FixedColumn StickyColumn VisibilityRow HeaderRow Multi SelectRow Single SelectRow HeightRow ActionRow Action BulkRow StickyRow StripeRow FixedRow SortRow Groups

Angular

Demo Angular

To use BlueprintUI in Angular be sure to follow the getting started guide and installation. Once installed in the root application module add the CUSTOM_ELEMENTS_SCHEMA to the schemas array.

import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import '@blueprintui/components/includes/alert.js';

@NgModule({
...
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule {
...
}
<bp-alert-group status="success" [hidden]="!showAlert">
<bp-alert closable (close)="showAlert = false">hello there!</bp-alert>
</bp-alert-group>