Preview

contained (sm)

contained (sm)

outlined (md)

outlined (md)

text (lg)

text (lg)

Usage

import { Constants } from "@dxdns-kit/core"
import { TextField } from "@dxdns-kit/react"

export default function () {
  return (
    <div
      style={{
        maxWidth: "300px",
        margin: "0 auto"
      }}
    >
      {Constants.variants.map((variant, i) => {
        const size = Constants.sizes[i + 1]
        return (
          <div key={i}>
            <TextField
              label={`${variant} (${size})`}
              variant={variant}
              size={size}
            />
            <br />
            <br />
          </div>
        )
      })}
    </div>
  )
}