chore: uiv2 docz custom page (#1511)

* feat: Customized Docz Layout

* manually apply padding into playground

* fix playground bug -- sticky items

* fix window

* remove specifc tailwind style for docz
This commit is contained in:
Rodrigo Antinarelli authored and James A. Petts committed 2020-05-15 13:37:14 +02:00
1 parent dd18de86f8
commit 2049147021
14 files changed
+426 -82

No files matched your search

@@ -23,7 +23,7 @@ import { ButtonGroup } from '@ohfi/ui';
## Basic button group
<Playground>
<div className="flex flex-col items-center">
<div className="p-4 flex flex-col items-center">
<ButtonGroup color="primary" className="m-2">
<Button>One</Button>
<Button>Two</Button>
@@ -45,7 +45,7 @@ import { ButtonGroup } from '@ohfi/ui';
## Group sizes and colorss
<Playground>
<div className="flex flex-col items-center">
<div className="p-4 flex flex-col items-center">
<ButtonGroup color="default" size="small" className="m-2">
<Button>One</Button>
<Button>Two</Button>
@@ -67,7 +67,7 @@ import { ButtonGroup } from '@ohfi/ui';
## Group orientation
<Playground>
<div className="flex flex-row justify-center">
<div className="p-4 flex flex-row justify-center">
<ButtonGroup orientation="vertical" color="primary" className="m-2">
<Button>One</Button>
<Button>Two</Button>
@@ -99,7 +99,7 @@ import { ButtonGroup } from '@ohfi/ui';
## Split Button
<Playground>
<div className="flex flex-col items-center">
<div className="p-4 flex flex-col items-center">
<ButtonGroup color="primary" className="m-2">
<Button>Options</Button>
<IconButton className="mr-2">