2.5.1 • Published 3 years ago

@citydna/common v2.5.1

Weekly downloads
219
License
MIT
Repository
-
Last release
3 years ago

@citydna/common

A branded component library for Melbourne CityDNA. Check out the Storybook for examples of most components. For everything else, use @material-ui/core.

Installation

$ yarn add @citydna/common @material-ui/core @material-ui/icons

Usage

Most importantly, wrap your app in the <Theme /> component. After that, go for gold. You can play with the example below in codesandbox.

import React from "react"
import { Button, Header, InsetWrap, Theme, Title } from "@citydna/common"

export const MyComponent = () => (
  <Theme variant="dark">
    <Header microBranding right={<Button variant="text" color="default" size="small">Click me</Button>} />
    <InsetWrap>
      <Title primary="Easily build branded UIs" secondary="That look and feel great too.">
      <Button>Lovin' life?</Button>
    </InsetWrap>
  </Theme>
)

// note: You only need to wrap your whole app with <Theme /> once - unless you want to nest themes.

Available components

Check the storybook for interactive demos and usage.

  • Alert
  • Button
  • CounterInput
  • Dialog
  • Header
  • HorizontalTileGrid
  • HtmlToMui
  • InsetWrap
  • Logo
  • MicroLogo
  • ResultsList
  • SearchForm
  • Select
  • Skrim
  • Snackbars
  • Subtitle
  • TextField
  • Theme
  • Title
  • VerticalTileGrid
2.5.1-develop.0

3 years ago

2.4.1

3 years ago

2.4.0

3 years ago

2.4.2

3 years ago

2.2.1-develop.0

3 years ago

2.3.1-develop.0

3 years ago

2.4.1-develop.0

3 years ago

2.3.0

3 years ago

2.4.3-develop.0

3 years ago

2.4.2-develop.0

3 years ago

2.5.2-develop.0

3 years ago

2.2.0

3 years ago

2.3.0-develop.1

3 years ago

2.5.0-develop.2

3 years ago

2.5.0-develop.0

3 years ago

2.5.0

3 years ago

2.5.1

3 years ago

2.0.0

3 years ago

2.1.1-develop.0

3 years ago

1.13.0-develop.0

3 years ago

2.0.1-develop.2

3 years ago

2.0.1-develop.0

3 years ago

2.1.0-develop.0

3 years ago

2.0.0-develop.0

3 years ago

2.1.0

3 years ago

1.12.1-develop.0

3 years ago

1.12.0

3 years ago

1.12.0-develop.6

3 years ago

1.11.1-develop.0

3 years ago

1.12.0-develop.3

3 years ago

1.10.0-develop.3

4 years ago

1.11.0-develop.0

3 years ago

1.10.0-develop.5

4 years ago

1.11.0

3 years ago

1.10.0

4 years ago

1.9.1-develop.1

4 years ago

1.9.1-develop.0

4 years ago

1.9.0

4 years ago

1.9.0-develop.98

4 years ago

1.9.0-develop.87

4 years ago

1.9.0-develop.52

4 years ago

1.9.0-develop.49

4 years ago

1.9.0-develop.50

4 years ago

1.9.0-develop.45

4 years ago

1.9.0-develop.41

4 years ago

1.9.0-develop.39

4 years ago

1.9.0-develop.21

4 years ago

1.9.0-develop.19

4 years ago

1.9.0-develop.7

4 years ago

1.9.0-develop.2

4 years ago

1.9.0-develop.0

4 years ago

1.7.2

4 years ago

1.8.0

4 years ago

1.7.1

4 years ago

1.7.0

4 years ago

1.6.0

5 years ago

1.5.0

5 years ago

1.4.0

5 years ago

1.3.0

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.41

5 years ago

1.0.40

5 years ago

1.0.39

5 years ago

1.0.38

5 years ago

1.0.36

5 years ago

1.0.35

5 years ago

1.0.33

5 years ago

1.0.32

5 years ago

1.0.31

5 years ago

1.0.30

5 years ago

1.0.29

5 years ago

1.0.28

5 years ago

1.0.26

5 years ago

1.0.24

5 years ago

1.0.22

5 years ago

1.0.20

5 years ago

1.0.19

5 years ago

1.0.18

5 years ago

1.0.17

5 years ago

1.0.16

5 years ago

1.0.13

5 years ago

1.0.12

5 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

0.0.1

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago