Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/Chartjs/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ class HomeController extends AbstractController
],
],
]);

$chart->setOptions([/* ... */]);

return $this->render('home/index.html.twig', [
Expand All @@ -56,7 +56,7 @@ class HomeController extends AbstractController
}
```

All options and data are provided as-is to Chart.js. You can read
All options and data are provided as-is to Chart.js. You can read
[Chart.js documentation](https://www.chartjs.org/docs/latest/) to discover them all.

Once created in PHP, a chart can be displayed using Twig:
Expand Down
4 changes: 2 additions & 2 deletions src/Dropzone/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ yarn encore dev

## Usage

The most common usage of Symfony UX Dropzone is to use it as a drop-in replacement of
The most common usage of Symfony UX Dropzone is to use it as a drop-in replacement of
the native FileType class:

```php
Expand All @@ -49,7 +49,7 @@ class CommentFormType extends AbstractType
Symfony UX Dropzone provides a default stylesheet in order to ease usage. You can
disable it to add your own design if you wish.

In `assets/controllers.json`, disable the default stylesheet by switching
In `assets/controllers.json`, disable the default stylesheet by switching
the `@symfony/ux-dropzone/src/style.css` autoimport to `false`:

```json
Expand Down
6 changes: 3 additions & 3 deletions src/LazyImage/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ page has been rendered:
src="{{ asset('image/small.png') }}"
data-controller="@symfony/ux-lazy-image/lazy-image"
data-hd-src="{{ asset('image/large.png') }}"

{# Optional but avoids having a page jump when the image is loaded #}
width="200"
height="150"
Expand All @@ -48,7 +48,7 @@ the BlurHash algorithm to create a light, blurred, data-uri thumbnail of the ima
src="{{ data_uri_thumbnail('public/image/large.png', 100, 75) }}"
data-controller="@symfony/ux-lazy-image/lazy-image"
data-hd-src="{{ asset('image/large.png') }}"

{# Using BlurHash, the size is required #}
width="200"
height="150"
Expand Down Expand Up @@ -103,7 +103,7 @@ Then in your template, add your controller to the HTML attribute:
src="{{ data_uri_thumbnail('public/image/large.png', 100, 75) }}"
data-controller="mylazyimage @symfony/ux-lazy-image/lazy-image"
data-hd-src="{{ asset('image/large.png') }}"

{# Using BlurHash, the size is required #}
width="200"
height="150"
Expand Down
10 changes: 5 additions & 5 deletions src/Swup/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ The main usage of Symfony UX Swup is to use its Stimulus controller to initializ
</head>
<body data-controller="@symfony/ux-swup/swup">
{# ... #}

<main id="swup">
{# ... #}
</main>
Expand All @@ -61,16 +61,16 @@ additional containers, for instance to have a navigation menu that updates when
<head>
<title>Swup</title>
</head>
<body
<body
data-controller="@symfony/ux-swup/swup"
data-containers="#swup #nav" {# list of selectors separated by spaces #}
>
{# ... #}

<nav id="nav">
{# ... #}
</nav>

<main id="swup">
{# ... #}
</main>
Expand All @@ -89,7 +89,7 @@ You can configure several other options using data-attributes on the `body` tag:
<head>
<title>Swup</title>
</head>
<body
<body
data-controller="@symfony/ux-swup/swup"
data-containers="#swup #nav"
data-theme="slide" {# or "fade", the default #}
Expand Down