```
## Usage
Import Tailwind and one full Basecoat style bundle.
```css
@import "tailwindcss";
@import "basecoat-css/vega.css";
```
Or import only the base CSS, Kbd component CSS, and one style pack.
```css
@import "tailwindcss";
@import "basecoat-css/base.css";
@import "basecoat-css/components/button.css";
@import "basecoat-css/components/button-group.css";
@import "basecoat-css/components/input-group.css";
@import "basecoat-css/components/kbd.css";
@import "basecoat-css/components/tooltip.css";
@import "basecoat-css/styles/vega.css";
```
Kbd examples compose Button, Button Group, Input Group, and Tooltip styles.
Using CDN or bundler imports? See the [Installation page](/installation).
Use `` for a key label. Use an inline wrapper with utilities when grouping multiple keys.
```html
⌘K
```
Keyboard labels are direction-neutral. Surrounding spacing should use logical utilities when position matters.
## Examples
### Group
```mdx
Use Ctrl+BCtrl+K to open the command palette
```
### Button
```mdx
```
### Input Group
```mdx
⌘K
```
## RTL
Keyboard labels are direction-neutral. Surrounding spacing should use logical utilities when position matters.
```mdx