Divider
A flexible divider component for visually separating content with customizable orientation, styling, and optional labels.
Import
import {FktDividerComponent} from "frakton-ng/divider";Default
Basic horizontal divider with default settings.
Horizontal sizes
Horizontal divider with a label in the center.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Horizontal variants
Horizontal divider with a label in the center.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Horizontal with label
Vertical divider with a label in the middle.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Vertical sizes
Vertical divider for separating content horizontally.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Vertical variants
Vertical divider for separating content horizontally.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Vertical with label
Vertical divider with a label in the middle.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Spacings
Horizontal divider with a label in the center.
@for (variant of variants; track variant.label) {
{{ variant.label }}
}