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(
  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

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.