@pacificoseguros/ui v0.2.11
Pacifico UI
UI Kit of Pacifico Seguros' design system, under construction.
Currently, the library status is beta, so, please be careful if you use it.
What is shipped?
This package contains:
- Components builds.
- CSS Variables.
Documentation
Cooming soon.
How to use
HTML/JavaScript
<head>
<link rel="stylesheet" href="https://unpkg.com/@pacificoseguros/ui/variables.css" />
<link rel="stylesheet" href="https://unpkg.com/@pacificoseguros/ui/main.css" />
<script defer src="https://unpkg.com/@pacificoseguros/ui/main.js"></script>
</head>
<body>
<div id="dt">
<ck-icon-calendar class="icon" height="18px" width="20px" color="#888"></ck-icon-calendar>
<input type="date" placeholder="Enter date" />
</div>
<script>
// first argument is a selector or a node
Puk.DatePicker('#dt', {
// options
loading: false,
raised: false,
invalid: false,
small: false,
big: false
})
</script>
</body>
React
You can use React components too:
import { Button} '@pacificoseguros/ui/react'
<Button kind="warning" onClick={() => alert('Are you sure?')}>
Delete profile
</Button>
Angular
Comming soon.
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago