From 20f8ae5a243a0c5b9a4c759e8d6b8645fd596dab Mon Sep 17 00:00:00 2001 From: "Daniel A.C. Martin" Date: Sun, 5 Jan 2025 22:18:28 +0000 Subject: [PATCH] SearchBox: Provide a 'secondary' style --- components/search-box/assets/SearchBox.scss | 2 +- components/search-box/spec/SearchBox.stories.mdx | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/components/search-box/assets/SearchBox.scss b/components/search-box/assets/SearchBox.scss index 914211026..d24fa5466 100644 --- a/components/search-box/assets/SearchBox.scss +++ b/components/search-box/assets/SearchBox.scss @@ -55,7 +55,7 @@ transform: scale(0.5); } - &--hods { + &--secondary { .not-govuk-standalone-input__button { background-color: govuk-colour("light-grey"); color: govuk-colour("black"); diff --git a/components/search-box/spec/SearchBox.stories.mdx b/components/search-box/spec/SearchBox.stories.mdx index cddb366e5..19ed73296 100644 --- a/components/search-box/spec/SearchBox.stories.mdx +++ b/components/search-box/spec/SearchBox.stories.mdx @@ -114,5 +114,16 @@ Currently errors are visually hidden, so it is best to avoid them. They will how +### Secondary button + +A search box with a more subtle, grey button, similar to the 'secondary' button style. + + + + + + + + [Search component]: https://components.publishing.service.gov.uk/component-guide/search [GOV.UK Component Guide]: https://components.publishing.service.gov.uk/component-guide