An invisible utility component that acts as a spacer element in various layouts. It works with flexbox sizing or fixed sizing.
// app.module.ts
import { SpacerModule } from '@brightlayer-ui/angular-components';
...
imports: [
SpacerModule
],
...// your-component.html // using flex layout
<blui-spacer></blui-spacer>
// using pixels
<blui-spacer width="50"></blui-spacer>Parent element (<blui-spacer>) attributes:
| @Input | Description | Type | Required | Default |
|---|---|---|---|---|
| flex | Flex grow/shrink value for flex layouts | number |
no | 1 |
| height | Height (in px) for static layouts | number |
no | |
| width | Width (in px) for static layouts | number |
no |