|
268 | 268 | `css[:container]` slot which we define in our theme. The `ul` elements class |
269 | 269 | would be `space-y-4` as that is the `css[:container]` on our theme. |
270 | 270 |
|
271 | | -Special html options will be safely merged. For examples, the component above |
272 | | -defines a list controller. If we passed our own controller into data when we |
273 | | -initialize, the component's data-controller attribute would be appended to: |
| 271 | +Special html options (`class`, `data`) will be safely merged. |
| 272 | + |
| 273 | +For examples, the component above defines a list controller. If we passed our |
| 274 | +own controller into data when we initialize, the component's data-controller |
| 275 | +attribute would be appended to: |
274 | 276 |
|
275 | 277 | ```ruby |
276 | 278 | render List.new( |
@@ -317,7 +319,7 @@ class List < Protos::Component |
317 | 319 | end |
318 | 320 | ``` |
319 | 321 |
|
320 | | -This makes our initializaiton declarative and easy to extend without having to |
| 322 | +This makes our initialization declarative and easy to extend without having to |
321 | 323 | consider how to call `super` in the initializer. |
322 | 324 |
|
323 | 325 | The following keywords are reserved in the base class: |
@@ -401,15 +403,15 @@ If bundler is not being used to manage dependencies, install the gem by executin |
401 | 403 |
|
402 | 404 | ## Usage |
403 | 405 |
|
404 | | -Setup [Tailwindcss](https://tailwindcss.com/), [daisyUI](https://daisyui.com) |
| 406 | +Setup [TailwindCSS](https://tailwindcss.com/), [DaisyUI](https://daisyui.com) |
405 | 407 | and add the protos path to your content. |
406 | 408 |
|
407 | 409 | ``` |
408 | 410 | npm install -D tailwindcss postcss autoprefixer daisyui |
409 | 411 | npx tailwindcss init |
410 | 412 | ``` |
411 | 413 |
|
412 | | -Then we need to add the protos path to the `content` of our tailwindcss config |
| 414 | +Then we need to add the protos path to the `content` of our tailwind config |
413 | 415 | so tailwind will read the styles defined in the Protos gem. |
414 | 416 |
|
415 | 417 | Protos also uses semantic spacing such as `p-sm` or `m-md` instead of set |
|
0 commit comments