Termwind
Termwind vous permet de créer des applications de ligne de commande PHP uniques et magnifiques, à l'aide de l'API CSS Tailwind . En bref, c'est comme Tailwind CSS, mais pour les applications PHP en ligne de commande.
Nécessite PHP 8.0+
Exiger Termwind à l’aide de Composer :
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()
La fonction style()
peut être utilisée pour ajouter vos propres styles personnalisés et également mettre à jour les couleurs.
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
La fonction ask()
peut être utilisée pour poser une question à l'utilisateur.
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
Le return
fourni par la méthode Ask sera la réponse fournie par l'utilisateur.
terminal()
La fonction terminal()
renvoie une instance de la classe Terminal, avec les méthodes suivantes :
->width()
: Renvoie toute la largeur du terminal.->height()
: Renvoie la hauteur totale du terminal.->clear()
: Il efface l'écran du terminal. Toutes les classes prises en charge utilisent exactement la même logique disponible sur 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-['.']
. Comme TailwindCSS, nous prenons également en charge les requêtes multimédias Responsive Design et voici les points d'arrêt pris en charge :
sm
: 64 espaces (640px)md
: 76 espaces (768px)lg
: 102 espaces (1024px)xl
: 128 espaces (1280px)2xl
: 153 espaces (1536px) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
Toutes les tailles de la CLI sont basées sur la taille de police 15.
Tous les éléments ont la capacité d'utiliser l'attribut class
.
L'élément peut être utilisé comme élément de type bloc. Styles par défaut : block
render (<<<'HTML'
This is a div element.
HTML);
L'élément
peut être utilisé comme paragraphe.
Styles par défaut : block
render (<<<'HTML'
This is a paragraph.
HTML);
L'élément
peut être utilisé comme conteneur de texte en ligne.
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
L'élément
peut être utilisé comme lien hypertexte. Il permet d'utiliser l'attribut href
pour ouvrir le lien lorsqu'on clique dessus.
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
et
Les éléments
et
peuvent être utilisés pour marquer le texte en gras .
Styles par défaut : font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
et
Les éléments
et
peuvent être utilisés pour marquer le texte en italique .
Styles par défaut : italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
L'élément
peut être utilisé pour ajouter un ligne à travers le texte.
Styles par défaut : line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
L'élément
peut être utilisé pour effectuer un saut de ligne.
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
L'élément
peut être utilisé pour une liste non ordonnée. Il ne peut accepter que les éléments
comme enfants, s'il existe un autre élément fourni, il lancera une exception InvalidChild
.
Styles par défaut : block
, list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
L'élément
peut être utilisé pour une liste ordonnée. Il ne peut accepter que les éléments
comme enfants, s'il existe un autre élément fourni, il lancera une exception InvalidChild
.
Styles par défaut : block
, list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
L'élément
peut être utilisé comme élément de liste. Il ne doit être utilisé qu'en tant qu'enfant des éléments
et
.
Styles par défaut : block
, list-decimal
render (<<<'HTML'
Item 1
HTML);
L'élément
peut être utilisé pour une liste de descriptions. Il ne peut accepter que les éléments
ou
comme enfants, s'il existe un autre élément fourni, il lancera une exception InvalidChild
.
Styles par défaut : block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
L'élément
peut être utilisé comme titre de description. Il ne doit être utilisé qu'en tant qu'enfant d'éléments
.
Styles par défaut : block
, font-bold
render (<<<'HTML'
Termwind
HTML);
L'élément
peut être utilisé comme titre de description. Il ne doit être utilisé qu'en tant qu'enfant d'éléments
.
Styles par défaut : block
, ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
L'élément
peut être utilisé comme ligne horizontale.
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
L'élément peut avoir des colonnes et des lignes. render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
L'élément
peut être utilisé comme texte préformaté.
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
L'élément
peut être utilisé comme surligneur de code. Il accepte les attributs line
et 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 est un logiciel open source sous licence MIT .
Développer
Informations supplémentaires
-
Version
v2.3.0
-
Type
Autres catégories
-
Date de mise à jour
2024-12-14
-
taille
50MB
-
Provenant de
Github
Applications connexes
Recommandé pour vous
Actualités connexes
Tout
-
Tutoriel graphique d'installation de Dreamweaver2021
2024-12-17
-
Pratique du projet consistant à implémenter un changement de connexion sympa à l'aide de HTML+CSS
2024-12-18
-
Implémentation d'effets spéciaux de thème de bureau Windows de type HTML
2024-12-18
-
4 façons d'introduire des images SVG dans des pages Web HTML
2024-12-18
-
La méthode d'implémentation spécifique de la fusion de tableaux HTML
2024-12-18
-
Comment ajouter des liens vides au texte ou aux images de Dreamweaver
2024-12-17