ContentDivider component

How to use

import { ContentDivider } from '@getfly-ui/content-divider';

OR

import { ContentDivider } from 'getfly-ui';

Props

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | text | string or undefined | | Text displayed between lines | | textPreset | enum | body_m_semibold | Typography preset for text | | colorThemeText | enum | grayscale-600 | Color theme for text | | align | enum | center | Alignment of text or content | | variant | enum | solid | Line style type | | colorThemeDivider | enum | grayscale-300 | Divider line color theme | | lineLength | string or number or { left?: string or number or undefined; right?: string or number or undefined; } or undefined | | Optional fixed line length (px or %) | | gap | number or undefined | 12 | Layout gap between text and line | | marginY | number or undefined | 0 | Vertical margin | | fullWidth | boolean or undefined | true | Full width mode | | isLine | boolean or undefined | true | Hide all lines | | outline | boolean or undefined | false | Rounded label background for text | | leftContent | ReactNode | | Optional left custom content | | rightContent | ReactNode | | Optional right custom content | | children | ReactNode | | Custom children instead of text | | backgroundColorTheme | enum | | |