Home
Get Started
Toggle Menu
Create a Page Layout Similar to AdminLTE Objective: Create a page layout similar to AdminLTE Fixed Footer with the following features: Left Sidebar: Collapsible with smooth animation. Include submenu and sub-submenu, visible on click. Add a search input at the top with "Search..." placeholder. Logo area at the top, aligned with the menu. Button to minimize or expand the menu, default expanded. Top Menu: On the right, display user's circular photo, 100% right, 10px left margin. Show user's name next to the photo and a notification icon. Footer: Fixed at the bottom, always visible. Include "Copyright © 2024 [YourName]. All rights reserved." Responsiveness: Fully responsive layout. Additional Details: Follow AdminLTE style and CSS classes. Style the search input to match the theme. Ensure collapsible menu works on mobile and desktop. Fixed footer should adjust regardless of content size. | A shadcn/ui and v0 generation - v0
Link to osmanpiska's v0.app Profile
Create a Page Layout Similar to AdminLTE Objective: Create a page layout similar to AdminLTE Fixed Footer with the following features: Left Sidebar: Collapsible with smooth animation. Include submenu and sub-submenu, visible on click. Add a search input at the top with "Search..." placeholder. Logo area at the top, aligned with the menu. Button to minimize or expand the menu, default expanded. Top Menu: On the right, display user's circular photo, 100% right, 10px left margin. Show user's name next to the photo and a notification icon. Footer: Fixed at the bottom, always visible. Include "Copyright © 2024 [YourName]. All rights reserved." Responsiveness: Fully responsive layout. Additional Details: Follow AdminLTE style and CSS classes. Style the search input to match the theme. Ensure collapsible menu works on mobile and desktop. Fixed footer should adjust regardless of content size.
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to osmanpiska's v0.app Profile
Create a Page Layout Similar to AdminLTE Objective: Create a page layout similar to AdminLTE Fixed Footer with the following features: Left Sidebar: Collapsible with smooth animation. Include submenu and sub-submenu, visible on click. Add a search input at the top with "Search..." placeholder. Logo area at the top, aligned with the menu. Button to minimize or expand the menu, default expanded. Top Menu: On the right, display user's circular photo, 100% right, 10px left margin. Show user's name next to the photo and a notification icon. Footer: Fixed at the bottom, always visible. Include "Copyright © 2024 [YourName]. All rights reserved." Responsiveness: Fully responsive layout. Additional Details: Follow AdminLTE style and CSS classes. Style the search input to match the theme. Ensure collapsible menu works on mobile and desktop. Fixed footer should adjust regardless of content size.
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Code
