s_design 0.0.1

Schrift SDesign UI component library of Flutter, responsive and suitable for use in mobile projects.

✨ sDesign

A comprehensive Flutter UI component library offering customizable widgets to build consistent and professional user interfaces.

🎖 Installing

dependencies:
  s_design: ^1.0.0

⚡️ Import

import 'package:s_design/s_design.dart';

🎮 How To Use

Here are some examples to get started:

Example: Using SButton

import 'package:flutter/material.dart';
import 'package:s_design/s_design.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('sDesign Example'),
        ),
        body: Center(
          child: SButton(
            onPressed: () {
              print('Button Pressed');
            },
            label: 'Click Me',
            variant: SButtonVariant.primary,
          ),
        ),
      ),
    );
  }
}

Example: Displaying a Success Modal

SModal.showSuccess(
  context,
  message: 'Operation completed successfully!',
  actions: [
    SButton(
      onPressed: () => Navigator.pop(context),
      label: 'OK',
      variant: SButtonVariant.primary,
    ),
  ],
);

For more usage examples, refer to the example folder in the repository.

🚀 Showcase

SButton

SModal

SCard

🐛 Bugs/Requests

If you encounter any problems, feel free to open an issue. If you think a feature is missing, please raise a ticket on GitHub, and we'll look into it. Pull requests are also welcome.

❗️ Note

For help getting started with Flutter, check the Flutter documentation.

☀️ Authors

⭐️ License

MIT License