#182

garronej · garronej · commit b127591fb752 · 2023-09-12T06:34:51.000+02:00
diff --git a/src/assets/search-bar.css b/src/assets/search-bar.css
@@ -1,4 +1,8 @@
 
 .fr-search-bar {
     position: relative;
+}
+
+.fr-search-bar--lg input {
+    height: 3rem;
 }
diff --git a/stories/SearchBar.stories.tsx b/stories/SearchBar.stories.tsx
@@ -29,7 +29,7 @@ const { meta, getStory } = getStoryFactory({
 
 export default meta;
 
-export const Default = getStory(
+export const DefaultUncontrolled = getStory(
     {
         "label": undefined,
         "onButtonClick": text => alert(`TODO: implement search with text: ${text}`)
@@ -53,6 +53,12 @@ import { SearchBar } from "@codegouvfr/react-dsfr/SearchBar";
     }
 );
 
+export const BigUncontrolled = getStory({
+    "label": undefined,
+    "onButtonClick": text => alert(`TODO: implement search with text: ${text}`),
+    "big": true
+});
+
 export const WithControlledInput = getStory(
     {
         "renderInput": ({ className, id, placeholder, type }) => {

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ const { meta, getStory } = getStoryFactory({`
`29`	`29`
`30`	`30`	`export default meta;`
`31`	`31`
`32`		`-export const Default = getStory(`
	`32`	`+export const DefaultUncontrolled = getStory(`
`33`	`33`	`{`
`34`	`34`	`"label": undefined,`
`35`	`35`	"onButtonClick": text => alert(`TODO: implement search with text: ${text}`)
`@@ -53,6 +53,12 @@ import { SearchBar } from "@codegouvfr/react-dsfr/SearchBar";`
`53`	`53`	`}`
`54`	`54`	`);`
`55`	`55`
	`56`	`+export const BigUncontrolled = getStory({`
	`57`	`+ "label": undefined,`
	`58`	+ "onButtonClick": text => alert(`TODO: implement search with text: ${text}`),
	`59`	`+ "big": true`
	`60`	`+});`
	`61`	`+`
`56`	`62`	`export const WithControlledInput = getStory(`
`57`	`63`	`{`
`58`	`64`	`"renderInput": ({ className, id, placeholder, type }) => {`