BuckleScript bindings for Evergreen UI
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
src
.gitignore
README.md
bsconfig.json
package.json
webpack.config.js
yarn.lock

README.md

Revergreen

BuckleScript binding for evergreen. This leverages @minima.app/re-css for CSS types.

Notes: As Evergreen still does not support theming completely, theme props are intentionally removed from all bindings for now.

Example

To specify CSS length, use polymorphic constructors.

`pct(float) /* For percentages */
`em(float)
`ex(float)
`ch(float)
`rem(float)
`vw(float)
`vh(float)
`vmin(float)
`vmax(float)
`cm(float)
`mm(float)
`q(float)
`inch(float)
`pc(float)
`pt(float)
`px(int)
`zero

Or calc()

<Button
  appearance=`primary
  intent=`success
  iconBefore="tree"
  width={Css.Calc.(+)(`px(300), `rem(15.)}>
  {ReasonReact.string("Hello Revergreen")}
</Button>

Completed Bindings

  • Alert, InlineAlert
  • Autocomplete, AutocompleteItem
  • Avatar
  • Badge, Pill
  • BackButton, Button, IconButton, TextDropdownButton
  • Checkbox
  • Combobox
  • StackingOrder, Intent, Position
  • CornerDialog
  • Dialog
  • FilePicker
  • FormField, FormFieldDescription, FormFieldHint, FormFieldLabel, FormFieldValidationMessage
  • Icon, IconNames
  • Image
  • Pane, Card
  • Menu
  • Overlay
  • Popover
  • Portal
  • Positioner
  • Radio, RadioGroup
  • minorScale, majorScale
  • SearchInput
  • SegmentedControl
  • Select, SelectField
  • OptionShapePropType, OptionsList, SelectedPropType, SelectMenu, SelectMenuContent
  • SideSheet
  • Spinner
  • Switch
  • extractStyles
  • Stack, StackingContext
  • Table, TableHead, TableHeaderCell, TextTableHeaderCell, SearchTableHeaderCell, TableBody, TableRow, TableCell, TextTableCell
  • SidebarTab, Tab, Tablist, TabNavigation
  • TagInput
  • TextInput, TextInputField
  • ThemeProvider, ThemeConsumer, withTheme, defaultTheme
  • Textarea
  • toaster
  • Tooltip
  • UnorderedList, Ul, OrderedList, Ol, ListItem, Li, Text, Paragraph, Heading, Code, Pre, Label, Link, Small, Strong