Note

<Note>
  This note details something important.
  <Link href="#" color underline>A link to helpful information.</Link>
</Note>

<Note small>
  This note details something important.
  <Link href="#" color underline>A link to helpful information.</Link>
</Note>

<Note type="secondary">This note details some information.</Note>

<Note type="success">This note details a success.</Note>

<Note type="error">This note details an error.</Note>

<Note type="warning">This note details a warning.</Note>

<Note label={false}>Just a quick note!</Note>

<Note label="Custom">This note uses a custom label.</Note>

<Note type="success" small>This is a small note.</Note>

<Container>
  <Container>
    <Note fill>This note details something important.</Note>
  </Container>
  <Container>
    <Note type="secondary" fill>This note details some information.</Note>
  </Container>
  <Container>
    <Note type="success" fill>This note details a success.</Note>
  </Container>
  <Container>
    <Note type="error" fill>This note details an error.</Note>
  </Container>
  <Container>
    <Note type="warning" fill>This note details a warning.</Note>
  </Container>
  <Container>
    <Note label={false} fill>Just a quick note!</Note>
  </Container>
  <Container>
    <Note label="Custom" fill>This note uses a custom label.</Note>
  </Container>
  <Container>
    <Note label={false} type="error" fill small>A small error note.</Note>
  </Container>
</Container>