tailwind.config.js sidebar & darkmode May 15, 2022 Repository files navigation README Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the development mode. Open http:/...
TailwindSidebar SidebarMenuItem.tsx index.tsx 13 changes: 1 addition & 12 deletions 13 src/components/ChakraSidebar/SidebarMenuItem.tsx Original file line numberDiff line numberDiff line change @@ -2,18 +2,7 @@ import React from 'react' import { Flex, Icon, Menu, MenuButton, MenuGroup...
i am a react app using next js and i stuct to some where. i am using tailwind css.its a css related issue.on page load my cart should not display so i hide to the right using translate-x-full on click to cart button i showed to add a class translate-x-0. on laptop its looks...
Lunar UI is a collection of interactive Tailwind CSS components built for React and Vue.js. (Affiliate) AFFILIATE SCHEME Masterclass [$] Atlas is an online course HTML Template made with the latest technologies like TailwindCSS, Alpine.JS, among others and based on a vibrant and creative desig...
The Angular Sidebar component is shipped with several built-in themes: Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and high contrast. Users can customize any one of these built-in themes or create new themes by either simply overriding SASS variables or using our Theme Studio appli...
Several built-in, Sass-based themes are available: Fluent, Tailwind CSS, Bootstrap 5, Bootstrap, Material, and high contrast. Users can customize these themes by either overriding the existing Sass styles or creating custom themes using the Theme Studio application. ...
在Vue.js中,侧边栏(Sidebar)通常是一个常见的UI组件,用于显示导航链接或其他可点击的元素。当用户点击某个元素时,通常会添加一个活动类(active class)来表示当前选中的状态。 基础概念 活动类是一个CSS类,它会被添加到当前选中的元素上,以便通过CSS样式来突出显示该元素。在Vue.js中,你可以使用v-bind:class或...
@tailwind components; @tailwind utilities; 11 changes: 11 additions & 0 deletions 11 src/index.js Original file line numberDiff line numberDiff line change @@ -0,0 +1,11 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import './ind...
The layout changes look good, but the className could be simplified using Tailwind's composition. -className="relative flex flex-col items-center justify-center w-full" +className="relative flex flex-col items-center w-full" Note: justify-center is redundant when using items-center in a flex...
react material-design material-ui sidebar material-dashboard Updated Aug 17, 2024 JavaScript themesberg / flowbite-svelte Star 2.1k Code Issues Pull requests Discussions Official Svelte components built for Flowbite and Tailwind CSS tooltips pagination components forms cards navbar accordion modals...