creek

The AI Image Editor of 2030
git clone https://github.com/maydayv7/creek

tag_chip.dart (1242B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import 'package:flutter/material.dart';
import 'package:creekui/ui/styles/variables.dart';

class TagChip extends StatelessWidget {
  final String label;
  final VoidCallback? onDelete;
  final Widget? icon;

  const TagChip({super.key, required this.label, this.onDelete, this.icon});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
      decoration: BoxDecoration(
        color: Variables.chipBackground,
        borderRadius: BorderRadius.circular(48),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          if (icon != null) ...[icon!, const SizedBox(width: 8)],
          Text(
            label,
            style: Variables.captionStyle.copyWith(
              fontSize: 12,
              color: Variables.textPrimary,
            ),
          ),
          if (onDelete != null) ...[
            const SizedBox(width: 8),
            GestureDetector(
              onTap: onDelete,
              child: const Icon(
                Icons.close,
                size: 16,
                color: Variables.textPrimary,
              ),
            ),
          ],
        ],
      ),
    );
  }
}