Tɛmɛn ka taa kunnafoni kunbabaw la Tɛmɛn ka taa docs navigation kan
in English

Jɛɲɔgɔnya minnu bɛ kɛ

Utility classes minnu bɛ baarakɛlaw ka baara kɛcogo Changer ni site web kɔnɔkow ye.

Sɛbɛnni sugandili

Kɔnɔkow sugandicogo Changer ni baarakɛla bɛ baara kɛ n’a ye.

Nin dakun bɛna sugandi pewu ni baarakɛla ye a digi.

Nin dakun in bɛ ni sugandili kɛcogo kɔrɔ ye.

Nin dakun tɛna se ka sugandi ni baarakɛla ye a digi.

<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

Pointer ko kɛlenw

Bootstrap bɛ di .pe-noneani ka .pe-autokalanw kɛ walasa ka element interactions bali walima ka fara a kan.

Nin yɔrɔ in tɛ se ka digi.

Nin yɔrɔ in bɛ se ka digi (o ye kɛcogo kɔrɔ ye).

Nin jɛgɛn in tɛ Se ka digi bawo o pointer-eventsnafolo in bɛ ciyɛn ta a bangebaga fɛ. Nka, nin yɔrɔ in bɛ ni pe-autokalasi ye, wa a bɛ se ka digi.

<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>

Kalanso .pe-none(ani a bɛ pointer-eventsCSS nafolo min sigi sen kan) bɛ jɛɲɔgɔnyaw dɔrɔn de bali ni jiralan ye (sosɛti, sɛbɛnnikɛlan, magali). Jɛɲɔgɔnya ni kɔrɔsili minnu bɛ ni .pe-noneolu ye, ka da a kan, hali bi u bɛ se ka sinsin ani ka wale kɛ klaviyeti baarakɛlaw fɛ. Walasa k’a Jira k’u bɛ Kɛ ‘fɛn ye min tɛ ‘fɛn Bɔ pewu hali klaviyeti baarakɛlaw fɛ, i bɛ Se ka fɛn wɛrɛw Fàra u kan i n’a fɔ tabindex="-1"(walasa k’u bali ka klaviyeti sinsinnan Sɔrɔ) ani aria-disabled="true"(k’a Jira k’a Fɔ k’u bɛ baara Kɛ koɲuman dɛmɛni-fɛɛrɛw la), ani n’a sɔrɔla i bɛ baara Kɛ ni JavaScript ye k’u bali pewu u kana kɛ wale ye.

Ni a bɛ se ka kɛ, a furakɛcogo nɔgɔman ye:

  • Walasa ka foroko kunkankow ɲɛnabɔ, i ka disabledHTML fɛnsɛbɛnni fara a kan.
  • Jɛɲɔgɔnyaw kama, i ka fɛn in bɔ yen href, k’a kɛ ankɔri walima yɔrɔ-yɔrɔ-yɔrɔ-yɔrɔ ye min tɛ ɲɔgɔn sɔrɔ.

Sass ye

Nafamafɛnw API

jɛkafɔ nafamafɛnw bɛ fɔ an ka nafamafɛnw API kɔnɔ san scss/_utilities.scss. Aw ye baara kɛcogo dɔn ni utilities API ye.

    "user-select": (
      property: user-select,
      values: all auto none
    ),
    "pointer-events": (
      property: pointer-events,
      class: pe,
      values: none auto,
    ),