Download the PHP package nunomaduro/tailcli without Composer
On this page you can find all versions of the php package nunomaduro/tailcli. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package tailcli
Termwind
Termwind allows you to build unique and beautiful PHP command-line applications, using the Tailwind CSS API. In short, it's like Tailwind CSS, but for the PHP command-line applications.
Installation
Requires PHP 8.0+
Require Termwind using Composer:
Usage
style()
The style()
function may be used to add own custom styles and also update colors.
ask()
The ask()
function may be used to prompt the user with a question.
The return
provided from the ask method will be the answer provided from the user.
terminal()
The terminal()
function returns an instance of the Terminal class, with the following methods:
->width()
: Returns the full width of the terminal.->height()
: Returns the full height of the terminal.->clear()
: It clears the terminal screen.
Classes Supported
All the classes supported use exactly the same logic that is available on tailwindcss.com/docs.
- Background Color:
bg-{color}-{variant}
. - Text Color:
text-{color}-{variant}
. - Font Weight:
font-bold
,font-normal
. - Font Style:
italic
. - Text Decoration:
underline
,line-through
. - Text Transform:
uppercase
,lowercase
,capitalize
,snakecase
. - Text Overflow:
truncate
. - Text Alignment:
text-left
,text-center
,text-right
. - Margin:
m-{margin}
,ml-{leftMargin}
,mr-{rightMargin}
,mt-{topMargin}
,mb-{bottomMargin}
,mx-{horizontalMargin}
,my-{verticalMargin}
. - Padding:
p-{padding}
,pl-{leftPadding}
,pr-{rightPadding}
,pt-{topPadding}
,pb-{bottomPadding}
,px-{horizontalPadding}
,py-{verticalPadding}
. - Space:
space-y-{space}
,space-x-{space}
. - Width:
w-{width}
,w-full
,w-auto
. - Min Width:
min-w-{width}
. - Max Width:
max-w-{width}
. - Justify Content:
justify-between
,justify-around
,justify-evenly
,justify-center
. - Visibility:
invisible
. - Display:
block
,flex
,hidden
. - Flex:
flex-1
. - List Style:
list-disc
,list-decimal
,list-square
,list-none
. - Content:
content-repeat-['.']
.
Responsive Design
Like TailwindCSS we also support Responsive Design media queries and this are the breakpoints supported:
sm
: 64 spaces (640px)md
: 76 spaces (768px)lg
: 102 spaces (1024px)xl
: 128 spaces (1280px)2xl
: 153 spaces (1536px)
All the sizes for the CLI are based on Font Size 15.
HTML Elements Supported
All the elements have the capability to use the class
attribute.
<div>
The <div>
element can be used as a block type element.
Default Styles: block
<p>
The <p>
element can be used as a paragraph.
Default Styles: block
<span>
The <span>
element can be used as an inline text container.
<a>
The <a>
element can be used as a hyperlink. It allows to use the href
attribute to open the link when clicked.
<b>
and <strong>
The <b>
and <strong>
elements can be used to mark the text as bold.
Default Styles: font-bold
<i>
and <em>
The <i>
and <em>
elements can be used to mark the text as italic.
Default Styles: italic
<s>
The <s>
element can be used to add a line through the text.
Default Styles: line-through
<br>
The <br>
element can be used to do a line break.
<ul>
The <ul>
element can be used for an unordered list. It can only accept <li>
elements as childs, if there is another element provided it will throw an InvalidChild
exception.
Default Styles: block
, list-disc
<ol>
The <ol>
element can be used for an ordered list. It can only accept <li>
elements as childs, if there is another element provided it will throw an InvalidChild
exception.
Default Styles: block
, list-decimal
<li>
The <li>
element can be used as a list item. It should only be used as a child of <ul>
and <ol>
elements.
Default Styles: block
, list-decimal
<dl>
The <dl>
element can be used for a description list. It can only accept <dt>
or <dd>
elements as childs, if there is another element provided it will throw an InvalidChild
exception.
Default Styles: block
<dt>
The <dt>
element can be used as a description title. It should only be used as a child of <dl>
elements.
Default Styles: block
, font-bold
<dd>
The <dd>
element can be used as a description title. It should only be used as a child of <dl>
elements.
Default Styles: block
, ml-4
<hr>
The <hr>
element can be used as a horizontal line.
<table>
The <table>
element can have columns and rows.
<pre>
The <pre>
element can be used as preformatted text.
<code>
The <code>
element can be used as code highlighter. It accepts line
and start-line
attributes.
Termwind is an open-sourced software licensed under the MIT license.