46 lines
1.5 KiB
Dart
46 lines
1.5 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 chipsComponent() {
|
|
return WidgetbookComponent(
|
|
name: 'AppChip',
|
|
useCases: [
|
|
WidgetbookUseCase(
|
|
name: 'Playground',
|
|
builder: (context) {
|
|
return IosPreview.centered(
|
|
child: AppChip(
|
|
label: knobText(context, label: 'Label', initialValue: 'Еда'),
|
|
selected: knobBool(context, label: 'Selected'),
|
|
icon: knobBool(context, label: 'Icon') ? CupertinoIcons.tag_fill : null,
|
|
onPressed: () {},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
WidgetbookUseCase(
|
|
name: 'Filter row',
|
|
builder: (context) {
|
|
final selected = knobInt(context, label: 'Selected index', min: 0, max: 3);
|
|
const labels = ['Все', 'Еда', 'Транспорт', 'Подписки'];
|
|
return IosPreview.centered(
|
|
child: Wrap(
|
|
spacing: AppSpacing.s2,
|
|
runSpacing: AppSpacing.s2,
|
|
alignment: WrapAlignment.center,
|
|
children: [
|
|
for (final (index, label) in labels.indexed)
|
|
AppChip(label: label, selected: index == selected, onPressed: () {}),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|