Skip to main content

4. Border Alert With Icon

Alert

import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 20),
decoration: BoxDecoration(
color: Colors.green.shade50,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Colors.green,
),
),
alignment: Alignment.centerLeft,
child: const Row(
children: [
Icon(
Icons.info_outline_rounded,
color: Colors.green,
),
Gap(12),
Expanded(
child: Text(
'Change a few things up and try submitting!',
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 14,
color: Colors.green,
),
),
),
],
),
),