CSS Layout

Keyboard shortcut

Credit - Frontend Master Phuoc Nguyen

TailwindCSS + ReactJS version of https://phuoc.ng/collection/css-layout/keyboard-shortcut/

Please read the original blog for the rationale behind these solutions.


export default function App() {
  return (
    <kbd className='bg-black/10 py-1 px-2 rounded text-black/70 shadow-[0_-4px_0px_inset_#d1d5db,0_1px_1px_rgba(0,0,0,0.3)]'>
      ⌘ + C
    </kbd>
  );
}
Last Update: 11:59 - 22 April 2024

On this page

No Headings