Termwind
Termwind memungkinkan Anda membuat aplikasi baris perintah PHP yang unik dan indah, menggunakan Tailwind CSS API. Singkatnya, ini seperti Tailwind CSS, tetapi untuk aplikasi baris perintah PHP.
Membutuhkan PHP 8.0+
Memerlukan Termwind menggunakan Komposer:
composer require nunomaduro/termwind
use function Termwind { render }; // single line html... render ( 'Termwind' ); // multi-line html... render (<<<'HTML'HTML); // Laravel or Symfony console commands... class UsersCommand extends Command { public function handle () { render ( view ( ' users.index ' , [ ' users ' => User:: all () ]) ); } }TermwindGive your CLI apps a unique look
style()
Fungsi style()
dapat digunakan untuk menambahkan gaya kustom sendiri dan juga memperbarui warna.
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
Fungsi ask()
dapat digunakan untuk menanyakan pertanyaan kepada pengguna.
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
return
yang diberikan dari metode tanya akan menjadi jawaban yang diberikan dari pengguna.
terminal()
Fungsi terminal()
mengembalikan sebuah instance dari kelas Terminal, dengan metode berikut:
->width()
: Mengembalikan lebar penuh terminal.->height()
: Mengembalikan tinggi penuh terminal.->clear()
: Ini membersihkan layar terminal. Semua kelas yang didukung menggunakan logika yang sama persis dengan yang tersedia di tailwindcss.com/docs.
bg-{color}-{variant}
.text-{color}-{variant}
.font-bold
, font-normal
.italic
.underline
, line-through
.uppercase
, lowercase
, capitalize
, snakecase
.truncate
.text-left
, text-center
, text-right
.m-{margin}
, ml-{leftMargin}
, mr-{rightMargin}
, mt-{topMargin}
, mb-{bottomMargin}
, mx-{horizontalMargin}
, my-{verticalMargin}
.p-{padding}
, pl-{leftPadding}
, pr-{rightPadding}
, pt-{topPadding}
, pb-{bottomPadding}
, px-{horizontalPadding}
, py-{verticalPadding}
.space-y-{space}
, space-x-{space}
.w-{width}
, w-full
, w-auto
.min-w-{width}
.max-w-{width}
.justify-between
, justify-around
, justify-evenly
, justify-center
.invisible
.block
, flex
, hidden
.flex-1
.list-disc
, list-decimal
, list-square
, list-none
.content-repeat-['.']
. Seperti TailwindCSS, kami juga mendukung kueri media Desain Responsif dan berikut adalah titik henti sementara yang didukung:
sm
: 64 spasi (640 piksel)md
: 76 spasi (768 piksel)lg
: 102 spasi (1024 piksel)xl
: 128 spasi (1280 piksel)2xl
: 153 spasi (1536 piksel) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
Semua ukuran CLI didasarkan pada Ukuran Font 15.
Semua elemen memiliki kemampuan untuk menggunakan atribut class
.
Elemen dapat digunakan sebagai elemen tipe blok. Gaya Default : block
render (<<<'HTML'
This is a div element.
HTML);
Elemen
dapat digunakan sebagai paragraf.
Gaya Default : block
render (<<<'HTML'
This is a paragraph.
HTML);
Elemen
dapat digunakan sebagai wadah teks sebaris.
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Elemen
dapat digunakan sebagai hyperlink. Memungkinkan penggunaan atribut href
untuk membuka tautan saat diklik.
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
dan
Elemen
dan
dapat digunakan untuk menandai teks sebagai huruf tebal .
Gaya Default : font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
dan
Elemen
dan
dapat digunakan untuk menandai teks sebagai miring .
Gaya Default : italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Elemen
dapat digunakan untuk menambahkan a garis melalui teks.
Gaya Default : line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Elemen
dapat digunakan untuk melakukan pergantian baris.
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
Elemen
dapat digunakan untuk daftar tidak berurutan. Ia hanya dapat menerima elemen
sebagai anak, jika ada elemen lain yang disediakan maka akan memunculkan pengecualian InvalidChild
.
Gaya Default : block
, list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
Elemen
dapat digunakan untuk daftar yang diurutkan. Ia hanya dapat menerima elemen
sebagai anak, jika ada elemen lain yang disediakan maka akan memunculkan pengecualian InvalidChild
.
Gaya Default : block
, list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
Elemen
dapat digunakan sebagai item daftar. Ini hanya boleh digunakan sebagai turunan dari elemen
dan
.
Gaya Default : block
, list-decimal
render (<<<'HTML'
Item 1
HTML);
Elemen
dapat digunakan untuk daftar deskripsi. Ia hanya dapat menerima elemen
atau
sebagai anak, jika ada elemen lain yang disediakan maka akan memunculkan pengecualian InvalidChild
.
Gaya Default : block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
Elemen
dapat digunakan sebagai judul deskripsi. Ini hanya boleh digunakan sebagai anak dari elemen
.
Gaya Default : block
, font-bold
render (<<<'HTML'
Termwind
HTML);
Elemen
dapat digunakan sebagai judul deskripsi. Ini hanya boleh digunakan sebagai anak dari elemen
.
Gaya Default : block
, ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
Elemen
dapat digunakan sebagai garis horizontal.
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
Elemen dapat memiliki kolom dan baris. render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
Elemen
dapat digunakan sebagai teks yang telah diformat sebelumnya.
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
Elemen
dapat digunakan sebagai penyorot kode. Ia menerima atribut line
dan start-line
.
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);"> render (<<<'HTML'
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);
Termwind adalah perangkat lunak sumber terbuka yang dilisensikan di bawah lisensi MIT .
Memperluas
Informasi Tambahan
-
Versi
v2.3.0
-
Tipe
Kategori lainnya
-
Waktu Pembaruan
2024-12-14
-
ukuran
50MB
-
Berasal dari
Github
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait
Semua
-
Tutorial grafis instalasi Dreamweaver2021
2024-12-17
-
Praktek proyek penerapan peralihan login yang keren menggunakan HTML+CSS
2024-12-18
-
Implementasi efek khusus tema desktop Windows seperti HTML
2024-12-18
-
4 cara untuk memperkenalkan gambar svg ke halaman web html
2024-12-18
-
Metode implementasi spesifik penggabungan tabel HTML
2024-12-18
-
Bagaimana cara menambahkan link kosong ke teks atau gambar Dreamweaver
2024-12-17