Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jadu/pulsar-react
Pulsar components for React
https://github.com/jadu/pulsar-react
jadu pulsar react react-components
Last synced: 5 days ago
JSON representation
Pulsar components for React
- Host: GitHub
- URL: https://github.com/jadu/pulsar-react
- Owner: jadu
- Created: 2020-04-24T15:08:09.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-21T13:53:00.000Z (over 1 year ago)
- Last Synced: 2024-07-30T20:06:46.365Z (4 months ago)
- Topics: jadu, pulsar, react, react-components
- Language: CSS
- Homepage: http://pulsar.docs.jadu.net
- Size: 1.45 MB
- Stars: 1
- Watchers: 7
- Forks: 1
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pulsar React Components
A collection of Pulsar components implemented using React.
## Form input component support
| Component | Status |
| --------- | ------ |
| ButtonGroup | ✅ |
| Checkbox | ✅ |
| Choice | ✅ |
| Color | ✅ |
| Compound | ✅ (achieved with form group `inline` variant |
| Content | ✅ |
| DateInput | ✅ |
| File | ✅ |
| Form | ✅ |
| Hidden | ✅ |
| InlineCheckbox | ✅ |
| InlineRadioButton | ✅ |
| PasswordInput | ✅ |
| RadioButton | ✅ |
| Range | ✅ |
| Select | ✅ |
| Select2 | ✅ |
| TextArea | ✅ |
| TextInput | ✅ |
| TimeInput | ✅ |
| ToggleSwitch | ✅ |
## Form structure component support
| Component | Status |
| --------- | ------ |
| ErrorBlock | ✅ |
| ErrorSummary | ✖ |
| Fieldset | ✅ |
| FormGroup | ✅ |
| FormLabel | ✅ |
| HelpBlock | ✅ |
## HTML component support
| Component | Status |
| --------- | ------ |
| Badge | ✅ |
| Block list | ✖ |
| Breadcrumb | ✖ |
| Button | ✅ |
| Button group | ✅ |
| Dropdown button | ✅ |
| Card | ✖ no current Twig helper |
| Datatable | ✖ |
| Flash message | ✖ |
| Icon | ✖ |
| Label | ✅ |
| Link | ✅ |
| Link list | ✅ Achievable by nesting a List>ListItem>Link |
| List | ✅ New OrderedList & UnorderedList components |
| Loading spinner | ✖ |
| Media | ✖ |
| Metadata | ✖ |
| Modal | ✖ |
| Pagination | ✖ |
| Panel | ✖ |
| Popover | ✖ |
| Progress bar | ✖ |
| Progress list | ✖ |
| Remove button | ✖ |
| Status | ✖ |
| Table | ✖ |
| Tooltip | ✖ |
# Basic examples
**Button**
```jsx
Foo
```
**Button group (Form)**
```jsx
Foo
Bar
Baz
Foo
Bar
Baz
```
**Button group (HTML)**
```jsx
Foo
```
**Checkbox**
```jsx
```
**Choice**
```jsx
Sunshine
Moonlight
Good times
Boogie
```
**Color**
```jsx
```
**Compound**
```jsx
```
**Content**
```jsx
This is content
```
**DateInput**
```jsx
```
**Dropdown Button**
```jsx
```
**ErrorSummary**
To do...
**Fieldset**
```jsx
```
**File**
```jsx
```
**Form**
```jsx
```
**Hidden**
```jsx
```
**InlineCheckbox**
```jsx
```
**InlineRadioButton**
```jsx
```
**Label**
```jsx
foo
```
**Link**
```jsx
Bar
```
**Ordered List**
```jsx
Foo
```
**PasswordInput**
```jsx
```
**RadioButton**
```jsx
```
**Range**
```jsx
```
**Select**
```jsx
```
**Select2**
```jsx
```
**TextArea**
```jsx
```
**TextInput**
```jsx
```
**TimeInput**
```jsx
```
**ToggleSwitch**
```jsx
```
**Unordered List**
```jsx
Foo
```