docs: loader linear

Author: gioboa

apps/docs/content/_components/loaderlinear.md

@@ -14,79 +14,48 @@
 
 <Showcase showcase-name="LoaderLinear/LoaderLinearSizes" style="min-height:300px">
 
-::vue-only
-<<<../../../preview/nuxt/pages/showcases/LoaderLinear/LoaderLinearSizes.vue
-::
-::react-only
-<<<../../../preview/next/pages/showcases/LoaderLinear/LoaderLinearSizes.tsx
-::
-::qwik-only
 <<<../../../website/src/routes/showcases/LoaderLinear/LoaderLinearSizes/index.tsx
-::
 
 </Showcase>
 
 ### Customizing colors
 
-By default, `SfLoaderLinear` uses `primary-700` as the color of the bar (customizable by setting text color) and `neutral-300` as its background. You can change these values in your [Tailwind configuration](https://tailwindcss.com/docs/configuration#theme) or override them for a single element using [`important modifier`](https://tailwindcss.com/docs/configuration#important-modifier).
+By default, `SfLoaderLinear` uses `primary-700` as the color of the bar (customizable by setting text color) and `neutral-300` as its background.
+
+<!--
+You can change these values in your [Tailwind configuration](https://tailwindcss.com/docs/configuration#theme) or override them for a single element using [`important modifier`](https://tailwindcss.com/docs/configuration#important-modifier).
+ -->
 
+<!--
 ::tip
 Learn more about [overriding default styles](/customization/overriding-default-styles) in Storefront UI.
 ::
+ -->
 
 <Showcase showcase-name="LoaderLinear/LoaderLinearColors">
 
-::vue-only
-<<<../../../preview/nuxt/pages/showcases/LoaderLinear/LoaderLinearColors.vue
-::
-::react-only
-<<<../../../preview/next/pages/showcases/LoaderLinear/LoaderLinearColors.tsx
-::
-::qwik-only
 <<<../../../website/src/routes/showcases/LoaderLinear/LoaderLinearColors/index.tsx
-::
 
 </Showcase>
 
+<!--
 ## Accessibility notes
 
 `SfLoaderLinear` uses `aria-live="polite"` to allow screen readers to read the loading status. This can be overriden by passing your own `aria-live` value to the component.
 
 It's important to properly set `aria-label` for screen readers to read proper information while target component is loading. Default value is set to `loading`.
+ -->
 
 ## Playground
 
-<Generate />
+<Generate class="playground" />
 
 #tab-2
 
 ## Props
 
-::vue-only
-| Prop name | Type | Default value | Possible values |
-|-----------------------|----------------------------|-------------------------------|--------------------------------------|
-| `size` | `SfLoaderLinearSize` | `SfLoaderSize` | `'base'` | `'minimal'`,`'xs'`,`'sm'`,`'base'`,`'lg'`,`'xl'`,`'2xl'`,`'3xl'`,`'4xl'` |
-| `ariaLabel` | `string` | `'loading'` | |
-::
-::react-only
-| Prop name | Type | Default value | Possible values |
-|-----------------------|----------------------------|-------------------------------|--------------------------------------|
-| `size` | `SfLoaderLinearSize` | `SfLoaderSize` | `'base'` | `'minimal'`,`'xs'`,`'sm'`,`'base'`,`'lg'`,`'xl'`,`'2xl'`,`'3xl'`,`'4xl'` |
-| `ariaLabel` | `string` | `'loading'` | |
-| `className` | `string` | | | |
-::
-::qwik-only
-| Prop name | Type | Default value | Possible values |
-|-----------------------|----------------------------|-------------------------------|--------------------------------------|
-| `size` | `SfLoaderLinearSize` | `SfLoaderSize` | `'base'` | `'minimal'`,`'xs'`,`'sm'`,`'base'`,`'lg'`,`'xl'`,`'2xl'`,`'3xl'`,`'4xl'` |
-| `ariaLabel` | `string` | `'loading'` | |
-| `className` | `string` | | | |
-::
-#tab-3
-::vue-only
-<<<../../../../packages/sfui/frameworks/vue/components/SfLoaderLinear/SfLoaderLinear.vue
-::
-::react-only
-<<<../../../../packages/sfui/frameworks/react/components/SfLoaderLinear/SfLoaderLinear.tsx
-::
-::
+| Prop name   | Type                 | Default value | Possible values                                                           |
+| ----------- | -------------------- | ------------- | ------------------------------------------------------------------------- |
+| `class`     | `string`             |               |                                                                           |
+| `size`      | `SfLoaderLinearSize` | `'base'`      | `'minimal'`, `'xs'`,`'sm'`,`'base'`,`'lg'`,`'xl'`,`'2xl'`,`'3xl'`,`'4xl'` |
+| `ariaLabel` | `string`             | `'loading'`   |                                                                           |