Skip to content

Instantly share code, notes, and snippets.

View severinlandolt's full-sized avatar
💭
per aspera ad astra

Severin Landolt severinlandolt

💭
per aspera ad astra
View GitHub Profile
@severinlandolt
severinlandolt / Calendar.tsx
Created July 8, 2024 01:38
Calendar with Progress Circle Circle
// Tremor Raw Calendar [v0.0.3]
import * as React from "react"
import {
RiArrowLeftDoubleLine,
RiArrowLeftSLine,
RiArrowRightDoubleLine,
RiArrowRightSLine,
} from "@remixicon/react"
import { addYears, format, isSameMonth } from "date-fns"
import {
@severinlandolt
severinlandolt / Button.jsx
Last active February 28, 2024 23:06
Arrow Button Tailwind CSS
export default function Button() {
return (
<button className="group inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-gradient-to-t from-slate-950 to-slate-900 py-2.5 px-3.5 sm:text-sm font-medium text-white shadow-sm transition-all duration-100 ease-in-out hover:to-slate-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 disabled:pointer-events-none">
Get Started
<svg
fill="none"
stroke="currentColor"
width="11"
height="11"
viewBox="0 0 10 10"