Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add npm quick start video #1811

Merged
merged 4 commits into from
Jul 25, 2023
Merged

Add npm quick start video #1811

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f2a9639
update quick start
marveluck Jul 12, 2023
3e0bb53
add npm video
marveluck Jul 19, 2023
98d9a4f
Changes in quick start
juujisai Jul 25, 2023
4a1985f
Merge branch 'docs' of https://github.com/mdbootstrap/Tailwind-Elemen…
juujisai Jul 25, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 10 additions & 4 deletions site/content/docs/standard/getting-started/quick-start/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
parameter of type <code>Boolean</code> that acts as a debugger. By default
it's value is set to <code>false</code>, so it will fire only when you want
to. How does it work? If it finds a component that should be inited but has
not been passed as an argument (for example, it finds a data atribute that
not been passed as an argument (for example, it finds a data attribute that
would suggest that it should be initialized automatically), it will display
a warning in a console. We encourage to use it in the last invocation of
<code>initTE</code> method because it shows what inits are lacking at the
Expand All @@ -112,13 +112,19 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
<div class="flex flex-row">
<!-- <div class="w-full basis-7/12"> -->
<div class="w-full">
<a href="https://youtu.be/3rx9VuIry_A">
<img
src="https://mdbootstrap.com/img/tailwind-elements/quick-start/npm.webp"
alt=""
class="mb-5 w-[460px] lg:float-right lg:ml-2 lg:w-[380px]"
/></a>
<h2
class="mb-5 mt-0 text-3xl font-semibold leading-normal"
id="npm"
data-te-spy-item>
NPM
</h2>
<p class="my-3">
<p class="my-3 overflow-hidden">
NPM is a recommended way to work with <b>Tailwind Elements</b> and others
libraries.
</p>
Expand Down Expand Up @@ -282,7 +288,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
<img
src="https://mdbootstrap.com/img/tailwind-elements/quick-start/vite.webp"
alt=""
class="mb-5 w-[460px] lg:float-right lg:w-[380px]"
class="mb-5 w-[460px] lg:float-right lg:ml-4 lg:w-[380px]"
/></a>
<h2
class="mb-5 mt-0 text-3xl font-semibold leading-normal"
Expand All @@ -292,7 +298,7 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
</h2>

<div
class="mb-4 rounded-md border-l-[6px] border-solid border-blue-600 bg-blue-100 p-2.5 dark:text-gray-600">
class="mb-4 mr-4 overflow-hidden rounded-md border-l-[6px] border-solid border-blue-600 bg-blue-100 p-2.5 dark:text-gray-600">
<strong>Note:</strong> Make sure that you have
<code>Node.js version 16.17.0 + / 18.1.0 +</code> installed. Please update
if your package manager asks for it. If you are expecting issues with
Expand Down