Remove configration notes and added to components code

This commit is contained in:
khatabwedaa
2021-05-28 11:08:06 +02:00
parent 1abb13481e
commit 6cbed66006
5 changed files with 44 additions and 2 deletions

View File

@@ -49,6 +49,17 @@
name: 'With Background Image',
isOpen: false,
code: `
<!-- Add this to your tailwind.config.js -->
module.exports = {
theme: {
extend: {
spacing: {
128: '32rem',
},
},
},
}
<header>
<nav class="bg-white shadow dark:bg-gray-800">
<div class="container px-6 py-4 mx-auto">

View File

@@ -108,6 +108,17 @@
name: 'With Image',
isOpen: false,
code: `
<!-- Add this to your tailwind.config.js -->
module.exports = {
theme: {
extend: {
spacing: {
128: '32rem',
},
},
},
}
<header class="bg-white dark:bg-gray-800">
<nav class="border-b dark:border-gray-700">
<div class="container px-6 py-4 mx-auto md:flex md:justify-between md:items-center">

View File

@@ -58,6 +58,17 @@
return {
name: 'With Pattern',
code: `
<!-- Add this to your tailwind.config.js -->
module.exports = {
theme: {
extend: {
spacing: {
128: '32rem',
},
},
},
}
<!-- Require css -->
<style>
.pattern {

View File

@@ -60,6 +60,17 @@
name: 'With Side Image',
isOpen: false,
code: `
<!-- Add this to your tailwind.config.js -->
module.exports = {
theme: {
extend: {
spacing: {
128: '32rem',
},
},
},
}
<header class="bg-white dark:bg-gray-800">
<nav class="px-6 py-4 shadow">
<div class="items-center justify-between md:flex">