This is an automated email from the git hooks/post-receive script. New commit to branch feature/253-tuiles in repository pollen. See https://gitlab.nuiton.org/chorem/pollen.git commit 07c252734bafdf5147e3f14a5c121dfd397432d7 Author: jcouteau <couteau@codelutin.com> Date: Wed Mar 11 15:01:06 2020 +0100 [Storybook] Simplification des stories --- pollen-ui-riot-js/stories/Components.stories.js | 32 +++++++++---------------- 1 file changed, 11 insertions(+), 21 deletions(-) diff --git a/pollen-ui-riot-js/stories/Components.stories.js b/pollen-ui-riot-js/stories/Components.stories.js index 73c224fc..f25e3e99 100644 --- a/pollen-ui-riot-js/stories/Components.stories.js +++ b/pollen-ui-riot-js/stories/Components.stories.js @@ -28,7 +28,9 @@ storiesOf("Components") .add("Letter Avatar", () => { const name = text("Name", "John Doe"); const rounded = boolean("Rounded", true); - return {tagName: "letteravatar", opts: {name, rounded}}; + const size = text("Size", "30px"); + const fontSize = text("FontSize", "1.7em"); + return {tagName: "letteravatar", opts: {name, rounded, size, fontSize}}; }) /*.add("Checkbox", () => { const label = text("Label", "This is a default label"); @@ -49,40 +51,28 @@ storiesOf("Components") const label = text("Label", "# Avec du markdown \n Ça fait beau"); return {tagName: "multilinelabel", opts: {label}}; }) - .add("Primary Button", () => { - const label = text("Label", "New Poll"); - const primary = boolean("primary", true); - return {tagName: "pollenbutton", opts: {label, primary}}; - }) - .add("Secondary Button", () => { - const label = text("Label", "Link a poll"); - const secondary = boolean("secondary", true); - return {tagName: "pollenbutton", opts: {label, secondary}}; - }) - .add("Button with icon", () => { + .add("Pollen Button", () => { const label = text("Label", "New Poll"); const primary = boolean("primary", true); + const secondary = boolean("secondary", false); const icon = text("Icon", "icon-new"); - return {tagName: "pollenbutton", opts: {label, primary, icon}}; + return {tagName: "pollenbutton", opts: {label, primary, secondary, icon}}; }).add("Search field", () => { return {tagName: "searchreboot", opts: {}}; }).add("Icon button", () => { const icon = text("icon", "icon-Mosaic"); - return {tagName: "iconbutton", opts: {icon}}; - }).add("Icon button active", () => { - const icon = text("icon", "icon-Mosaic"); - const active = boolean("active", true); - return {tagName: "iconbutton", opts: {icon, active}}; + const active = boolean("active", true); + return {tagName: "iconbutton", opts: {icon, active}}; }).add("Toggle button", () => { - return {tagName: "togglebutton", opts: {}}; + return {tagName: "togglebutton", opts: {}}; }).add("Radio button", () => { const label = text("Label", "Type"); const name = text("Name", "type"); - const values = array("values",[ + const values = array("values", [ {label: "Bug", value: "BUG"}, {label: "Ergonomics", value: "ERGONOMICS"}, - {label: "Others", value: "OTHERS"}, + {label: "Others", value: "OTHERS"} ]); return {tagName: "pollenradiobutton", opts: {label, name, values}}; -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.