wx_sheet 2.0.0

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

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

Demo

Usage

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

WxSheet.square(
  size: 100,
  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')),
    ),
    WxTonalSheet.circle(
      radius: 50,
      child: Center(child: Text('Tonal')),
    ),
    WxElevatedSheet.circle(
      radius: 50,
      child: Center(child: Text('Elevated')),
    ),
    WxFilledSheet.circle(
      radius: 50,
      child: Center(child: Text('Filled')),
    ),
    WxOutlinedSheet.circle(
      radius: 50,
      child: Center(child: Text('Outlined')),
    ),
  ],
)

Wrap(
  spacing: 10,
  children: [
    WxSheet.square(
      size: 100,
      severity: WxSheetSeverity.danger,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Danger'),
        ),
      ),
    ),
    WxSheet.square(
      size: 100,
      severity: WxSheetSeverity.warning,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Warning'),
        ),
      ),
    ),
    WxSheet.square(
      size: 100,
      severity: WxSheetSeverity.success,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Success'),
        ),
      ),
    ),
    WxSheet.square(
      size: 100,
      severity: WxSheetSeverity.info,
      child: Center(
        child: WxTextTile(
          align: WxTextAlign.center,
          title: Text('Text'),
          subtitle: Text('Info'),
        ),
      ),
    ),
  ],
)

Sponsoring

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.