diff --git a/src/components/Align/Readme.md b/src/components/Align/Readme.md
index fd113c8..0146280 100644
--- a/src/components/Align/Readme.md
+++ b/src/components/Align/Readme.md
@@ -1,4 +1,4 @@
-Align text horizontally.
+A `
` which changes the alignment of the contained text using the `align-*` Bluelib class.
```jsx
import Bluelib from "../Bluelib";
diff --git a/src/components/Anchor/Readme.md b/src/components/Anchor/Readme.md
index 4ed45e4..0c6c5af 100644
--- a/src/components/Anchor/Readme.md
+++ b/src/components/Anchor/Readme.md
@@ -1,11 +1,20 @@
-An anchor, very similar to the `
` element.
+An `` element using the `element-anchor` Bluelib class, to be used for anchors (`[href^="#"]`) and links (`[href^=http`).
+
+Can be disabled using the `disabled` prop.
```jsx
import Bluelib from "../Bluelib";
-
- Go to example.org!
-
+
+
+ Go to example.org!
+
+
+
+
+ Don't go to Google, it will track you!
+
+
```
diff --git a/src/components/Anchor/index.js b/src/components/Anchor/index.js
index 6fb3cd7..4a2090e 100644
--- a/src/components/Anchor/index.js
+++ b/src/components/Anchor/index.js
@@ -1,11 +1,14 @@
import React from "react"
import useBluelibClassNames from "../../hooks/useBluelibClassNames"
import PropTypes from "prop-types"
+import { disable, disableClass } from "../../utils/disable"
-export default function Anchor({children, className, href, ...props}) {
+export default function Anchor({children, className, disabled, href, ...props}) {
+ className = useBluelibClassNames([`element-anchor`, disableClass(disabled)], [className])
+
return (
-
+
{children}
)
@@ -15,5 +18,6 @@ export default function Anchor({children, className, href, ...props}) {
Anchor.propTypes = {
children: PropTypes.node,
className: PropTypes.string,
- href: PropTypes.string
+ disabled: PropTypes.bool,
+ href: PropTypes.string,
}
diff --git a/src/components/Aside/index.js b/src/components/Aside/index.js
index de03be4..aa82fff 100644
--- a/src/components/Aside/index.js
+++ b/src/components/Aside/index.js
@@ -5,7 +5,7 @@ import PropTypes from "prop-types"
export default function Aside({children, className, ...props}) {
return (
-