2023-05-10 23:40:30 +03:00
|
|
|
/**
|
|
|
|
* @license
|
|
|
|
* Copyright 2023 Google LLC
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
*/
|
|
|
|
|
|
|
|
import './material-collection.js';
|
2023-10-25 21:58:21 +03:00
|
|
|
import './index.js';
|
2023-05-10 23:40:30 +03:00
|
|
|
|
2023-10-25 21:58:21 +03:00
|
|
|
import {
|
|
|
|
KnobTypesToKnobs,
|
|
|
|
MaterialCollection,
|
|
|
|
materialInitsToStoryInits,
|
|
|
|
setUpDemo,
|
|
|
|
} from './material-collection.js';
|
2023-09-15 23:44:49 +03:00
|
|
|
import {boolInput, Knob, textInput} from './index.js';
|
2023-05-10 23:40:30 +03:00
|
|
|
|
2023-05-11 00:25:16 +03:00
|
|
|
import {stories, StoryKnobs} from './stories.js';
|
2023-05-10 23:40:30 +03:00
|
|
|
|
2023-10-25 21:58:21 +03:00
|
|
|
const collection = new MaterialCollection<KnobTypesToKnobs<StoryKnobs>>(
|
|
|
|
'List',
|
|
|
|
[
|
|
|
|
new Knob('disabled', {ui: boolInput(), defaultValue: false}),
|
|
|
|
new Knob('overline', {ui: textInput()}),
|
|
|
|
new Knob('trailingSupportingText', {ui: textInput()}),
|
|
|
|
new Knob('leadingIcon', {ui: boolInput()}),
|
|
|
|
new Knob('trailingIcon', {ui: boolInput()}),
|
|
|
|
],
|
|
|
|
);
|
2023-05-10 23:40:30 +03:00
|
|
|
|
|
|
|
collection.addStories(...materialInitsToStoryInits(stories));
|
|
|
|
|
|
|
|
setUpDemo(collection, {fonts: 'roboto', icons: 'material-symbols'});
|