Skip to content

The sheet widget serves as the building block for many Widgetarian components, providing a base layer for customization.

License

Notifications You must be signed in to change notification settings

davigmacode/flutter_wx_sheet

Repository files navigation

Pub Version GitHub GitHub GitHub

The sheet widget serves as the building block for many Widgetarian components, providing a base layer for customization.

Preview

Demo

Usage

To read more about classes and other references used by wx_sheet, see the API Reference.

WxSheet(
  variant: WxSheetVariant.tonal,
  borderRadius: BorderRadius.all(Radius.circular(5)),
  child: Center(child: Text('Tonal')),
)

Wrap(
  spacing: 10,
  children: [
    WxSheet.circle(
      radius: 50,
      child: Center(child: Text('Text')),
    ),
    WxSheet.circle(
      radius: 50,
      variant: WxSheetVariant.tonal,
      child: Center(child: Text('Tonal')),
    ),
    WxSheet.circle(
      radius: 50,
      variant: WxSheetVariant.elevated,
      child: Center(child: Text('Elevated')),
    ),
    WxSheet.circle(
      radius: 50,
      variant: WxSheetVariant.filled,
      child: Center(child: Text('Filled')),
    ),
    WxSheet.circle(
      radius: 50,
      variant: WxSheetVariant.outlined,
      child: Center(child: Text('Outlined')),
    ),
  ],
)

Wrap(
  spacing: 10,
  children: [
    WxSheet(
      width: 100,
      height: 100,
      severity: Colors.red,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Danger'),
        ),
      ),
    ),
    WxSheet(
      width: 100,
      height: 100,
      severity: Colors.yellow,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Warning'),
        ),
      ),
    ),
    WxSheet(
      width: 100,
      height: 100,
      severity: Colors.green,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Success'),
        ),
      ),
    ),
    WxSheet(
      width: 100,
      height: 100,
      severity: Colors.blue,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Info'),
        ),
      ),
    ),
  ],
)

Sponsoring

Buy Me A Coffee Ko-Fi

If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.

About

The sheet widget serves as the building block for many Widgetarian components, providing a base layer for customization.

Resources

License

Stars

Watchers

Forks

Languages