Divider
Visually or semantically separates content.
final theme = context.theme;
final colorScheme = theme.colorScheme;
final typography = theme.typography;
Padding(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Flutter Forui',
style: typography.xl2.copyWith(
color: colorScheme.foreground,
fontWeight: FontWeight.w600,
),
),
Text(
'An open-source widget library.',
style: typography.sm.copyWith(color: colorScheme.mutedForeground),
),
const FDivider(),
SizedBox(
height: 30,
child: Row(
children: [
Text(
'Blog',
style: typography.sm.copyWith(color: colorScheme.foreground),
),
const FDivider(axis : Axis.vertical),
Text(
'Docs',
style: typography.sm.copyWith(color: colorScheme.foreground),
),
const FDivider(axis : Axis.vertical),
Text(
'Source',
style: typography.sm.copyWith(color: colorScheme.foreground),
),
],
),
),
],
),
);
Usage
FDivider(...)
const FDivider(axis : Axis.vertical);