Skip to content
React components that take after Samsung's One UI design spec | ReactJS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea Added several gradients in the main css file, and buttons Dec 19, 2018
public Added the ActionCard Dec 18, 2018
src Added OneButton ScreenShot Dec 19, 2018
package.json Added the ActionCard Dec 18, 2018

One UI React Components

Not everything is 100% up to the spec by samsung, See the official One UI page at

Getting Started



OneButton ScreenShot

Import OneButton from the components folder.
if you using the button from another component, then just import it from the OneButton folder.

//importing from app.js
import OneButton from './components/OneButton/OneButton'

//importing from another component
import OneButton from './OneButton/OneButton'

Every 'OneButton' has 3 props you can pass it

  • name
  • color
  • action

Example of a red button...

//no action
<OneButton name={'RED BUTTON'} color={'GradientRed'}/>

//with action
let exampleFunction => {console.log('red button')}
<OneButton name={'RED BUTTON'} color={'GradientRed'} action={exampleFunction}/>
You can’t perform that action at this time.