```js script
import { theme } from '~/tailwind';
import '@divriots/dockit-core/tailwind-showcases';
import '@divriots/dockit-core/style.css';
import { html } from 'lit';
import '~/tailwind';
```

# Opacity

```html:html
<dockit-tailwind-showcases
showcase-key="opacity"
component-class="shadow-xl h-24 w-24 rounded-sm bg-primary"
.theme=${theme}>
</dockit-tailwind-showcases>
```