1.5.12 • Published 2 years ago
@pascaliske/html-helpers v1.5.12
Angular HTML Helpers
Installation
To install the module use the following commands:
$ yarn add @pascaliske/html-helpers
Usage
CSS modifier classes with namespace
In your TS
code:
import { modifiers } from '@pascaliske/html-helpers'
@Component({
selector: 'cmp-section',
templateUrl: './section.component.html',
styleUrls: ['./section.component.scss'],
})
export class SectionComponent implements OnInit {
public classes(namespace: string): string {
return modifiers(namespace, {
foo: true,
bar: false,
baz: true,
})
}
}
In your HTML
code:
<!-- className: "cmp-section cmp-section--foo cmp-section--baz" -->
<div [className]="classes('cmp-section')"></div>
CSS modifier classes without namespace
In your TS
code:
import { modifiers } from '@pascaliske/html-helpers'
@Component({
selector: 'cmp-section',
templateUrl: './section.component.html',
styleUrls: ['./section.component.scss'],
})
export class SectionComponent implements OnInit {
public get classes(): string {
return modifiers({
foo: true,
bar: false,
baz: true,
})
}
}
In your HTML
code:
<!-- className: foo baz -->
<div [className]="classes"></div>
License
MIT © Pascal Iske
1.5.12
2 years ago
1.5.11
3 years ago
1.5.10
3 years ago
1.5.9
3 years ago
1.5.8
4 years ago
1.5.7
5 years ago
1.5.6
5 years ago
1.5.5
5 years ago
1.5.4
5 years ago
1.5.3
5 years ago
1.5.2
5 years ago
1.5.1
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.3
5 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.2.0
6 years ago
1.1.0
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago