Background Color

Tetapkan warna latar belakang

Sintaks

visual="bg:[color]"

Contoh

<div visual="bg:primary">Primary background</div>
<div visual="bg:blue-500">Blue background</div>
<div visual="bg:[#FF5733]">Custom color</div>

Pratonton

Warna Latar Belakang

visual="bg:primary" - Terapkan warna latar pepejal dari tema atau palet

primary

secondary

success

warning

danger

Lihat Kod

<div layout="flex" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">primary</div>
  <div space="p:small" visual="bg:secondary text:white rounded:small">secondary</div>
  <div space="p:small" visual="bg:success text:white rounded:small">success</div>
  <div space="p:small" visual="bg:warning text:black rounded:small">warning</div>
  <div space="p:small" visual="bg:danger text:white rounded:small">danger</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div visual="background:[custom-value]">Custom</div>