Overview

The Flora Design System is a framework for building front-end applications using React.

What's included?

Components

  • Core components (e.g. Text, El)
  • Layout components (e.g. Box, Grid, Spacer)
  • Action components (e.g. ActionButton, ActionLink)
  • Form components (e.g. TextInput, SelectInput, Checkbox)
  • Disclosure components (e.g. Modal, Accordion)
  • Data Display components (e.g. Badge, Info)
  • Feedback components (e.g. Loading, LoadingBar)
  • Media components (e.g. Icons, Illustrations)
  • Formatting components (e.g. Currency, DateTime)

Hooks

  • Form hooks (e.g. useField, useForm)
  • UI hooks (e.g. useBreakpoint, useScrollBlockingOverlay)
  • Storage hooks (e.g. useLocalStorage, useSessionStorage)

Browser Support

  • Internet Explorer 11, Edge 17
  • Safari 11.1, iOS Safari 11.3
  • Chrome 66, Chrome Android 66
  • Firefox 60, Firefox Android 66