update site docs

jpmorganchase · May 8, 2024 · c1997a5 · c1997a5
1 parent 5b3dc85
commit c1997a5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/site/docs/components/country-symbol/examples.mdx b/site/docs/components/country-symbol/examples.mdx
@@ -54,7 +54,7 @@ When importing many country symbol components at once, such as with a list, you
 
 ## CSS background image
 
-You can also use country symbol as background image in CSS from `"@salt-ds/countries/saltCountries.css"`, then specify country code prefixed with `saltCountry-`, e.g., `saltCountry-AD`, `saltCountry-GB-SCT`.
+You can also use country symbol as a background image in CSS from `"@salt-ds/countries/saltCountries.css"` or `"@salt-ds/countries/saltSharpCountries.css"`, then specify the country code prefixed with `saltCountry-` or `saltCountrySharp-`, e.g., `saltCountry-AD`, `saltCountrySharp-GB-SCT`.
 
   </LivePreview>
 

diff --git a/site/src/examples/country-symbol/CssBackgroundImage.tsx b/site/src/examples/country-symbol/CssBackgroundImage.tsx
@@ -1,7 +1,11 @@
 import "@salt-ds/countries/saltCountries.css";
+import "@salt-ds/countries/saltSharpCountries.css";
 
 const code = "AD" as const;
 
 export const CssBackgroundImage = () => (
-  <div className={`saltCountry-${code}`} />
+  <>
+    <div className={`saltCountry-${code}`} />
+    <div className={`saltCountrySharp-${code}`} />
+  </>
 );