Decorator class

Decorators are a mechanism to wrap a component in arbitrary markup when rendering a story. Components are often created with assumptions about ‘where’ they render. Your styles might expect a theme or layout wrapper, or your UI might expect specific context or data providers.

A simple example is adding padding to a component’s stories. Accomplish this using a decorator that wraps the stories in a padding widget, like so:

const meta = Meta(
  component: Button,
  decorators: [
    (context, story) => Padding(
      padding: EdgeInsets.all(8),
      child: story,
    ),
  ],
);

Implementers

• DecoratorInterface

Constructors

Decorator(DecoratorCallback decorator)

const

Properties

decorator → DecoratorCallback

final

hashCode → int

The hash code for this object.

no setter, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

Methods

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toString() → String

A string representation of this object.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited