The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Install Tailwind-Elements

TODO: Pull subtitle into page object

After setting up the basic tailwind install (TKTKTKT - details on tailwind install)

code_start_default_section code_end_default_section

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Install Tailwind-Elements

-- p

After setting up the basic tailwind install (TKTKTKT - details on tailwind install)

-- code/

npm install tw-elements

-- /code

-- p

Add these to tailwind.config.js

-- code/

module.exports = {
  content: ['./node_modules/tw-elements/dist/js/**/*.js'],
  plugins: [
    require('tw-elements/dist/plugin')
  ]
}

-- /code

-- p

Copy the index.min.js file to where you can get to it:

-- p

from the site root:

-- code/

cp node_modules/tw-elements/dist/js/index.min.js public/

-- /code

-- p

On the page:

-- code/

import Script from 'next/script'

return (
<>
<Script src="/index.min.js" />
<div>other page stuff</div>
</>
)

-- /code


-- categories
-- Tailwind

-- metadata
-- date: 2022-03-09 21:51:27
-- id: 26aysooj
-- status: scratch
-- type: post
-- SCRUBBED_NEO: false
-- site: aws