Skip to content

Commit

Permalink
chore: use gjs in readme
Browse files Browse the repository at this point in the history
  • Loading branch information
josemarluedke committed Feb 12, 2025
1 parent 6100577 commit d9d7e29
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Visit [frontile.dev](https://frontile.dev/) to read the docs and see live demos.

### Usage

```gts
```gjs
import Component from '@glimmer/component';
import { Button } from '@frontile/buttons';
Expand All @@ -40,7 +40,7 @@ export default class Example extends Component {
}
```

```gts
```gjs
import Component from '@glimmer/component';
import { Select } from '@frontile/forms';
Expand All @@ -53,7 +53,7 @@ const options = [
export default class Example extends Component {
selectedKeys = [];
onSelectionChange = (keys: string[]) => {
onSelectionChange = (keys) => {
this.selectedKeys = keys;
};
Expand All @@ -76,7 +76,7 @@ Frontile is built on Tailwind CSS, a utility-first CSS framework that allows you

By default, Frontile components come with sensible defaults using Tailwind classes, but you can override styles using Tailwind’s utility classes.

```gts
```gjs
<Button @class="bg-blue-500 text-white hover:bg-blue-600">
Custom Styled Button
</Button>
Expand Down Expand Up @@ -113,7 +113,7 @@ registerCustomStyles({

Frontile components internally use Tailwind Variants, but you can override them by passing `@classes`. Class conflicts are handled automatically by Tailwind Variants.

```gts
```gjs
import { Avatar } from '@frontile/utilities';
import { hash } from '@ember/helper';
Expand Down

0 comments on commit d9d7e29

Please sign in to comment.