Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

stackforge / @sushiswap/ui js

Repository URL to install this package:

Version: 
0.0.0  ▾
Details    
  skeleton
  tooltip
  animation
  app
  backdrop
  badge
  breadcrumb
  checkbox
  chip
  combobox
  container
  copy
  currency
  date
  dialog
  dots
  drawer
  dropzone
  form
  iconbutton
  icons
  input
  link
  menu
  mounted
  network
  overlay
  progressbar
  select
  skeleton
  stepper
  switch
  table
  tabs
  theme
  tooltip
  typography
  widget
  loader
  animation
  menu
  input
  overlay
  input
  animation
  icons
  backdrop
  badge
  icons
  table
  skeleton
  breadcrumb
  button
  icons
  table
  icons
  checkbox
  icons
  chip
  skeleton
  icons
  animation
  combobox
  container
  table
  overlay
  copy
  input
  dialog
  icons
  dots
  drawer
  dropzone
  icons
  link
  icons
  app
  form
  animation
  icons
  table
  icons
  table
  app
  overlay
  table
  icons
  currency
  iconbutton
  currency
  button
  icons
  loader
  toast
  icons
  link
  icons
  currency
  loader
  app
  icons
  menu
  icons
  mounted
  app
  icons
  input
  icons
  table
  icons
  input
  icons
  progressbar
  table
  select
  network
  app
  animation
  stepper
  button
  icons
  switch
  tabs
  icons
  theme
  date
  toast
  tooltip
  icons
  typography
  icons
  widget
  index.css
  variables.css
  .eslintrc.js
  postcss.config.js
  tailwind.js
  package.json
  tsconfig.json
  README.md
  getLayout.ts
  index.ts
  types.ts
  useBreakpoint.ts
  BuyCrypto.tsx
  Noop.tsx
  Page.tsx
Size: Mime:
  README.md

UI

UI library

Goals

  • Accessibility (jsx-a11y/strict enabled)

Components

  • App
    • Shell
    • Header
    • Nav
  • Dialog
    • Actions
    • Content
    • Description
    • Header
  • Menu
    • Button
    • List
    • Item
  • Select
    • Button
    • Label
    • Option

Lint

pnpm exec turbo run lint --scope=ui

Component convention

FC is redudant, let's avoid unessasary inports and just use regular functions

type Props = { children?: React.ReactNode }

function Component({ children }: Props): JSX.Element { return <>I'm a typed component</> }

Resources

https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase/#props-extracting-prop-types-of-a-component

Products

About

Resources

Contact Gemfury