Cheatsheet Content for Developers

No preview available for this content.

ثابت الزمن:

شحن المكثف:

• ثابت الزمن = R × C
• يتحكم في سرعة شحن وتفريغ المكثف

• الزمن يعتمد على (L ÷ R)
• التيار يزيد تدريجيًا مع التشغيل

npx shadcn-ui@latest add theme

npx shadcn-ui@latest add [component] --overwrite

<!-- Basic grid -->
<div class="grid">

<!-- Column configurations -->
<div class="grid grid-cols-3">                    <!-- 3 equal columns -->
<div class="grid grid-cols-none">                 <!-- No columns -->
<div class="grid grid-cols-[200px_1fr_200px]">    <!-- Custom columns -->

<!-- Row configurations -->
<div class="grid grid-rows-3">                    <!-- 3 equal rows -->
<div class="grid grid-rows-[200px_1fr_100px]">    <!-- Custom rows -->

<!-- Gaps -->
<div class="gap-4">                               <!-- Both row and column gap -->
<div class="gap-x-4">                             <!-- Column gap only -->
<div class="gap-y-4">                             <!-- Row gap only -->

<!-- Auto flow -->
<div class="grid-flow-row">
<div class="grid-flow-col">
<div class="grid-flow-dense">

<!-- Alignment -->
<div class="justify-items-start">
<div class="justify-items-center">
<div class="items-center">                        <!-- Vertical alignment -->

<!-- Column span -->
<div class="col-span-2">                          <!-- Span 2 columns -->
<div class="col-start-2">                         <!-- Start at column 2 -->
<div class="col-end-4">                           <!-- End at column 4 -->

<!-- Row span -->
<div class="row-span-2">                          <!-- Span 2 rows -->
<div class="row-start-2">                         <!-- Start at row 2 -->
<div class="row-end-4">                           <!-- End at row 4 -->

<!-- Individual alignment -->
<div class="justify-self-start">
<div class="justify-self-center">
<div class="self-center">                         <!-- Vertical self-alignment -->