shadcn-ui-extras

Button with icon and loading states

<LoaderButton isLoading={false}>Submit</LoaderButton>
<LoaderButton isLoading={true}>Submit</LoaderButton>
<LoaderButton icon={Mail}>Submit</LoaderButton>
<LoaderButton icon={Mail} isLoading={true}>
  Submit
</LoaderButton>
View on Github

Datetime picker dayjs dependency

<DateTimeSelect
  value={new Date("2022-11-17T09:00:00")}
  onChange={(datetime) => {
    console.log(datetime);
  }}
/>
View on Github

Weekday picker dayjs dependency

<WeekdayPicker values={[1, 2]} onChange={(values) => console.log(values)} />
View on Github

Lexical rich-text editor Lexical, @tailwind/typography dependencies

Enter some text...
<RichTextEditor defaultValue={""} onChange={(value) => console.log(value)} />
View on Github

Stepper

First step content

<Stepper
  active={currentStep}
  onStepClick={(step) => setCurrentStep(step)}
>
  <StepperStep label="First">
    <p>First step content</p>
  </StepperStep>
  <StepperStep label="Second">
    <p>Second step content</p>
  </StepperStep>
  <StepperStep label="Third">
    <p>Third step content</p>
  </StepperStep>
</Stepper>
View on Github