Solid mendukung beberapa cara styling komponen.

CSS Modules

import styles from "./App.module.css"

function App() {
  return <div class={styles.container}>Konten</div>
}

classList

<div classList={{ active: isActive(), disabled: isDisabled() }}>
  Teks
</div>

style prop (object)

<div style={{ color: "red", "font-size": `${size()}px` }}>
  Teks styled
</div>

Perbedaan dengan React

• Gunakan class bukan className
• style menerima object dengan kebab-case keys
• classList untuk conditional classes (lebih clean dari className)