49 lines
1.6 KiB
Dart
49 lines
1.6 KiB
Dart
import 'package:flutter/cupertino.dart';
|
||
import 'package:please_pay_me/theme/theme.dart';
|
||
import 'package:please_pay_me/ui/ui.dart';
|
||
import 'package:please_pay_me_widgetbook/knobs/common_knobs.dart';
|
||
import 'package:please_pay_me_widgetbook/support/preview.dart';
|
||
import 'package:widgetbook/widgetbook.dart';
|
||
|
||
WidgetbookComponent avatarsComponent() {
|
||
return WidgetbookComponent(
|
||
name: 'AppAvatar',
|
||
useCases: [
|
||
WidgetbookUseCase(
|
||
name: 'Playground',
|
||
builder: (context) {
|
||
final initials = knobText(context, label: 'Initials', initialValue: 'ВА');
|
||
return IosPreview.centered(
|
||
child: AppAvatar(
|
||
initials: knobBool(context, label: 'Use initials', initialValue: true)
|
||
? initials
|
||
: null,
|
||
radius: knobDouble(context, label: 'Radius', initialValue: 32, min: 12, max: 56),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
WidgetbookUseCase(
|
||
name: 'Sizes',
|
||
builder: (context) {
|
||
return const IosPreview.centered(
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: [
|
||
AppAvatar(initials: 'А', radius: 16),
|
||
SizedBox(width: AppSpacing.s4),
|
||
AppAvatar(initials: 'ВА', radius: 22),
|
||
SizedBox(width: AppSpacing.s4),
|
||
AppAvatar(radius: 32),
|
||
SizedBox(width: AppSpacing.s4),
|
||
AppAvatar(initials: 'ППМ', radius: 44),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
],
|
||
);
|
||
}
|