@tw-classed/solid
1.5.0
Minor Changes
-
#105 (opens in a new tab)
233bddfd
(opens in a new tab) Thanks @Xiot (opens in a new tab)! - Adds support for matched variants to appear as dataAttributesExample
const Button = classed("button", { variants: { color: { blue: "bg-blue-100", red: "bg-red-100", }, }, defaultVariants: { color: "red", }, dataAttributes: ["color"], }); <Button color="blue" /> // Rendered html will be <button data-color="blue" /> <Button> // Rendered html will be <button data-color="red /> // From default variants
Patch Changes
- Updated dependencies [
233bddfd
(opens in a new tab)]:- @tw-classed/core@1.5.0
1.5.0-canary.0
Minor Changes
-
#105 (opens in a new tab)
233bddfd
(opens in a new tab) Thanks @Xiot (opens in a new tab)! - Adds support for matched variants to appear as dataAttributesExample
const Button = classed("button", { variants: { color: { blue: "bg-blue-100", red: "bg-red-100", }, }, defaultVariants: { color: "red", }, dataAttributes: ["color"], }); <Button color="blue" /> // Rendered html will be <button data-color="blue" /> <Button> // Rendered html will be <button data-color="red /> // From default variants
Patch Changes
- Updated dependencies [
233bddfd
(opens in a new tab)]:- @tw-classed/core@1.5.0-canary.0
1.4.4
Patch Changes
- Updated dependencies [
f19df61f
(opens in a new tab)]:- @tw-classed/core@1.4.4
1.4.0
Patch Changes
-
#70 (opens in a new tab)
a5763359
(opens in a new tab) Thanks @sannajammeh (opens in a new tab)! - Add Solid.js library@tw-classed/solid
is a library that allows you to create classed components inSolid.js
. It has 1-1 API parity with@tw-classed/react
, but with Solid specific internals. Follow the React guide to learn more about the API.import { classed } from "@tw-classed/solid"; const Button = classed.button("bg-blue-500 text-white p-2 rounded"); () => <Button>Click me</Button>;
-
Updated dependencies [
785bcaaa
(opens in a new tab),0f5f46fa
(opens in a new tab)]:- @tw-classed/core@1.4.0
1.4.0-canary.5
Patch Changes
- Updated dependencies [
785bcaaa
(opens in a new tab)]:- @tw-classed/core@1.4.0-canary.5
1.4.0-canary.1
Patch Changes
- Updated dependencies [
0f5f46fa
(opens in a new tab)]:- @tw-classed/core@1.4.0-canary.1
1.3.2-canary.0
Patch Changes
-
#70 (opens in a new tab)
a5763359
(opens in a new tab) Thanks @sannajammeh (opens in a new tab)! - Add Solid.js library@tw-classed/solid
is a library that allows you to create classed components inSolid.js
. It has 1-1 API parity with@tw-classed/react
, but with Solid specific internals. Follow the React guide to learn more about the API.import { classed } from "@tw-classed/solid"; const Button = classed.button("bg-blue-500 text-white p-2 rounded"); () => <Button>Click me</Button>;